您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

  • jQuery仿Discuz右下角悬浮层提示效果

    jQuery仿Discuz右下角悬浮层提示效果

    jQuery仿Discuz右下角悬浮层提示效果
    20150416215752
    部分jquery代码

    Pop.prototype = { addInfo: function() { $("#popTitle a").attr('href', this.url).html(this.title); $("#popIntro").html(this.intro); $("#popMore a").attr('href', this.url); }, showDiv: function(time) { if (! ($.browser.msie && ($.browser.version == "6.0") && !$.support.style)) { $('#pop').slideDown(this.apearTime).delay(this.delay).fadeOut(400);; } else { //调用jquery.fixed.js,解决ie6不能用fixed $('#pop').show(); jQuery(function($j) { $j('#pop').positionFixed() }) } }, closeDiv: function() { $("#popClose").click(function() { $('#pop').hide(); }); }}

    下载地址
    预览地址

  • jQuery动态提示消息框效果

    jQuery动态提示消息框效果

    jQuery动态提示消息框效果
    20141213085605
    引入部分js代码

    <script type="text/javascript" src="javascripts/jquery.min.js"></script><script type="text/javascript" src="javascripts/jquery.tooltip.js"></script><script type="text/javascript"> $j = jQuery.noConflict(); $j(document).ready(function() { $j("div.item").tooltip(); });</script>

    下载地址
    预览地址

  • jQuery图像标签提示Taggd效果

    jQuery图像标签提示Taggd效果

    jQuery图像标签提示Taggd效果
    20141120075721
    引入部分js代码

    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script><script type="text/javascript" src="js/jquery.taggd.js"></script><script type="text/javascript"> var data = []; var settings = []; $(window).load(function() { $('.taggd').each(function(i, e) { var $e = $(e); $e.taggd(settings[i]); $e.taggd('items', data[i]) }); });</script>

    下载地址
    预览地址

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!