麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 語言 > JavaScript > 正文

可以浮動某個物體的jquery控件用法實例

2024-05-06 16:23:39
字體:
來源:轉載
供稿:網友

這篇文章主要介紹了可以浮動某個物體的jquery控件,實例分析了jquery控件實現頁面浮動層的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了可以浮動某個物體的jquery控件。分享給大家供大家參考。具體如下:

js代碼如下:

 

 
  1. (function($){ 
  2. $.fn.scrolltip = function(){ 
  3. $(this).each( function() { 
  4. var obj = $(this); 
  5. var objtop = obj.position().top; 
  6. $(window).scroll(function(){ 
  7. obj.css({ 
  8. top:$(window).scrollTop()+objtop, 
  9. position:'absolute' 
  10. }); 
  11. }); 
  12. }); 
  13. })(jQuery); 

html代碼如下:

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
  4. <head> 
  5. <script type="text/javascript" src="lib/jquery/jquery-1.3.2.js"></script> 
  6. <script type="text/javascript" src="js/tip.js"></script> 
  7. </script> 
  8. <title>JQuery</title> 
  9. </head> 
  10. <body><div style="height:300px;background:#eee"><span id="colspon"></span></div> 
  11. <br/> 
  12. <br/> 
  13. <br/> 
  14. <div id="float" style="width:744px;height:34px;border:1px solid #C0DBF8;"></div> 
  15. <div style="height:1000px;background:#eee"></div> 
  16. </body> 
  17. </html> 

希望本文所述對大家的jquery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 日本羞羞的午夜电视剧 | 一级在线免费 | 国产精品成人免费一区久久羞羞 | 久久久成人一区二区免费影院 | 国产精品成人一区二区三区电影毛片 | 蜜桃久久一区二区三区 | 国产精品久久久久久久av三级 | 免费毛片随便看 | 特一级黄色毛片 | 亚洲精品午夜国产va久久成人 | 欧美 日韩 国产 成人 | 毛片网站视频 | 国产98色 | 欧美日韩大片在线观看 | 国产91精品久久久 | 国产91精品亚洲精品日韩已满 | 欧美激情性色生活片在线观看 | 国产噜噜噜噜久久久久久久久 | 精国品产一区二区三区有限公司 | 精品久久久久99 | 日韩黄站 | 国产色视频在线观看免费 | 欧美日韩在线视频一区二区 | 福利在线国产 | 成人激情视频网 | 成人福利电影在线观看 | 国产成人高潮免费观看精品 | 亚洲成人免费影视 | 夜添久久精品亚洲国产精品 | 日韩av有码在线 | 91九色网址 | 久久综合婷婷香五月 | 欧美韩国一区 | 农村寡妇偷毛片一级 | 久久精品视频一区二区三区 | 中文字幕亚洲情99在线 | 国产一区二区在线免费 | 欧美中文字幕一区二区 | 亚洲一级电影在线观看 | 欧美偷拍一区二区 | 嗯啊羞羞视频 |