国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > 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程序設計有所幫助。

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

圖片精選

主站蜘蛛池模板: 西畴县| 景德镇市| 柳江县| 惠安县| 眉山市| 平南县| 高淳县| 乌拉特中旗| 繁峙县| 临桂县| 涞源县| 莱西市| 伊吾县| 阿瓦提县| 江陵县| 邢台县| 富川| 金平| 罗定市| 福州市| 三河市| 旅游| 安新县| 邹城市| 翼城县| 温州市| 文山县| 东辽县| 扶风县| 沈阳市| 佛山市| 博爱县| 北流市| 宁明县| 峡江县| 宁蒗| 常州市| 阳信县| 邮箱| 景东| 长宁区|