<listing id="jzrr3"></listing>
    <cite id="jzrr3"></cite>
    <cite id="jzrr3"></cite>
    <var id="jzrr3"></var><var id="jzrr3"><video id="jzrr3"><thead id="jzrr3"></thead></video></var>
    <cite id="jzrr3"><span id="jzrr3"></span></cite><var id="jzrr3"></var><var id="jzrr3"></var>
    <cite id="jzrr3"></cite>
    <cite id="jzrr3"></cite>
    <var id="jzrr3"></var>
    <ins id="jzrr3"><span id="jzrr3"><menuitem id="jzrr3"></menuitem></span></ins><thead id="jzrr3"></thead>
    <cite id="jzrr3"></cite>
    <cite id="jzrr3"></cite><ins id="jzrr3"></ins>
    热门关键字:
    jquery > jquery插件 > jquery置顶特效 > 分享一款Jquery实现非常实用的置顶特效

    分享一款Jquery实现非常实用的置顶特效

    45825
    所属分类:jquery置顶特效
    发布时间:2013/9/7 17:09:36
    下载量:7035
    评论数:1
    转载请自觉注明原文:http://www.5734780.com/Detail.aspx?id=4
    Jquery实现非常实用的置顶特效使用简单,步骤如下:
    1、引用插件js和css文件
    2、设置默认参数(showHeight :设置滚动高度时显示、speed :返回顶部的速度以毫秒为单位)
     
    插件代码如下:
    $(function() {
    	$.fn.manhuatoTop = function(options) {
    		var defaults = {			
    			showHeight : 150,
    			speed : 1000
    		};
    		var options = $.extend(defaults,options);
    		$("body").prepend("<div id='totop'><a>返回</a></div>");
    		var $toTop = $(this);
    		var $top = $("#totop");
    		var $ta = $("#totop a");
    		$toTop.scroll(function(){
    			var scrolltop=$(this).scrollTop();		
    			if(scrolltop>=options.showHeight){				
    				$top.show();
    			}
    			else{
    				$top.hide();
    			}
    		});	
    		$ta.hover(function(){ 		
    			$(this).addClass("cur");	
    		},function(){			
    			$(this).removeClass("cur");		
    		});	
    		$top.click(function(){
    			$("html,body").animate({scrollTop: 0}, options.speed);	
    		});
    	}
    });
     
     
    效果图片如下:
     




    如果您觉得本作品对您的学习有所帮助:支付鼓励



    关键字:置顶特效 返回顶部 图片滚动 滑动插件 实用特效
    • 分享一款Jquery实现非常实用的置顶特效如果你喜欢学院的资源就下载吧,亲,谢谢!
    • 分享一款Jquery实现非常实用的置顶特效
    • 分享一款Jquery实现非常实用的置顶特效
    • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

    声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐[email protected],一旦发现造成侵权行为,后果自负。。

    友荐云推荐
    快乐飞艇开奖记录500期
    <listing id="jzrr3"></listing>
    <cite id="jzrr3"></cite>
    <cite id="jzrr3"></cite>
    <var id="jzrr3"></var><var id="jzrr3"><video id="jzrr3"><thead id="jzrr3"></thead></video></var>
    <cite id="jzrr3"><span id="jzrr3"></span></cite><var id="jzrr3"></var><var id="jzrr3"></var>
    <cite id="jzrr3"></cite>
    <cite id="jzrr3"></cite>
    <var id="jzrr3"></var>
    <ins id="jzrr3"><span id="jzrr3"><menuitem id="jzrr3"></menuitem></span></ins><thead id="jzrr3"></thead>
    <cite id="jzrr3"></cite>
    <cite id="jzrr3"></cite><ins id="jzrr3"></ins>
    <listing id="jzrr3"></listing>
    <cite id="jzrr3"></cite>
    <cite id="jzrr3"></cite>
    <var id="jzrr3"></var><var id="jzrr3"><video id="jzrr3"><thead id="jzrr3"></thead></video></var>
    <cite id="jzrr3"><span id="jzrr3"></span></cite><var id="jzrr3"></var><var id="jzrr3"></var>
    <cite id="jzrr3"></cite>
    <cite id="jzrr3"></cite>
    <var id="jzrr3"></var>
    <ins id="jzrr3"><span id="jzrr3"><menuitem id="jzrr3"></menuitem></span></ins><thead id="jzrr3"></thead>
    <cite id="jzrr3"></cite>
    <cite id="jzrr3"></cite><ins id="jzrr3"></ins>
    经典老虎机游戏 神秘元素彩金 玉皇大帝免费试玩 王者荣耀李元芳 nba老鹰vs凯尔特人 埃瓦尔德米特洛维奇 龙之谷手游零元党怎么玩 牛仔和外星人电影在线观看 乱世王者九鼎原画 福建36选7计划