Monday, October 21, 2013

Cảm ơn Bạn đã chia sẻ , mình làm được rồi . Nhưng khi mình chỉnh chiều cao tăng lên so với Bottom để


Mã: <script src="tenlua.js"></script> <style> y8 *{margin: 0;padding: 0;} body{ background: #C4EC7D; } #totop,#totop2{ position: fixed;right: 0;bottom: 10px; width: 149px;height: 249px;overflow: hidden; cursor: pointer;display: none; background: url(up.png) no-repeat 0px 0; z-index: y8 9999; } #totop2{ background: url(up.png) no-repeat -149px y8 0; } </style> <script> $(function(){ $('html').append('<div id="totop"></div><div id="totop2"></div>') $('#totop').hover(function(){ $('#totop2').fadeIn().mouseout(function(){ $(this).fadeOut(200) }) }) var defaultTop=$(window).height()-10-249//10 vi trí canh bottom ban đau, 249 là chieu cao $(window).resize(function(){ defaultTop=$(window).height()-10-249//ph?ng tr ?ng h?p resize y8 tr?nh duy?t }) var ranPo=['-298px y8 0','-447px 0','-596px 0','-745px 0'] $(window).scroll(function(){ var $top=$(window).scrollTop() if($top>50){ $('#totop').fadeIn(100) $('#totop2').css('top',defaultTop) }else{ $('#totop,#totop2').fadeOut(100) } }) $('#totop2').click(function(){ timeranPo=window.setInterval(function(){ $('#totop2').css({'background-position':ranPo[Math.floor(Math.random()*ranPo.length)],'display':'block'}) },200) setTimeout(function(){ $('html,body').stop().animate({scrollTop:'50px'},400,function(){ $('#totop2').stop().animate({'top':'-250px'},300,function(){ clearInterval(timeranPo) $('#totop2').css('background-position','-149px 0').hide() }) }) },800) }) }) </script>
nhokngoc_bg , 5/10/13
tuanhpt69 thích bài này.
Cảm ơn Bạn đã chia sẻ , mình làm được rồi . Nhưng khi mình chỉnh chiều cao tăng lên so với Bottom để khỏi đè vào Link của chữ Quy định và nội quy thì nó lên cao quá ( hình như chiều cao ảnh tên lửa quá cao ) , có cách nào khắc phục để vị trí ảnh vẫn giữ nguyên mà vẫn Click được vào Link đó không Bạn ? Demo : http://raovatsoidong.vn
Liên kết nhanh Hoạt động gần đây Có gì mới? Trợ giúp Diễn đàn
Diễn đàn sử dụng XenForo™ ©2011 XenForo Ltd. Tiếng Việt Quy định và Nội quy Lên đầu trang

No comments:

Post a Comment