最新公告
  • 欢迎您的光临,本站秉承服务宗旨 履行“站长”责任,资源提供永无止境!立即赞助我们
  • 前端网页鼠标点击弹出浮动文字–“富强、民主、和谐”点击特效

    广告!请自辨真伪
    广告!请自辨真伪 广告!请自辨真伪

    效果

    添加点击特效,点击页面会显示:“富强”, “民主”, “文明”, “和谐”, “自由“, “平等”,

    “公正” ,“法治”, “爱国”, “敬业”, “诚信”, “友善”;

    效果展示图

    201909181114173975752

    代码

    <script type="text/javascript">
    
     /* 鼠标特效 */ 
    
     var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); 
    
    var $i = $("<span/>").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 99, "top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", 
    
    "color": "#ff6651" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); }); });
    
     </script>

    使用

    复制上方代码到你的需要的页面,例如footer.php页面的</body>之前即可。

    此代码引用到了jquery,如果代码放进去前端不显示可能是你的主题没有引入jquery,需要在上述代码前引入

    <script language="javascript" type="text/javascript" src="https://cdn.staticfile.org/jquery/1.7.2/jquery.min.js"></script>

    jquery库引用的是七牛云的cdn库,你可以自己本地化,也可以引入别的cdn库

    可以自定义更换色值,可以自定义更换文字

    常见问题FAQ

    免费下载或者赞助VIP会员专享资源能否直接商用?
    本站所有资源均收集与各大平台,版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 赞助VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    开通赞助会员或者下载源码 “不完整” 或 “不能用” “版本号不对” 怎么办?
    非常抱歉,资源均收集与网络,你有权利告诉本站,但是本站有选择处理或者不处理的权力,如无法接受请不要购买或开通本站会员。
    开通终身赞助会员能下载全站资源码?
    可以100%下载全站源码资源的,除部分失效资源,失效的可以联系客服尝试恢复。

    发表评论

    • 18214会员总数(位)
    • 21163资源总数(个)
    • 463本周发布(个)
    • 86 今日发布(个)
    • 535稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情
    赞助SVIP享更多特权立即赞助