欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于JS實現二維碼圖片固定在右下角某處并跟隨滾動條滾動

 更新時間：2017年02月08日 10:20:20   作者：孫瑞  
這篇文章主要介紹了基于JS實現二維碼圖片固定在右下角某處并跟隨滾動條滾動,代碼簡單易懂非常不錯，具有參考借鑒價值，需要的朋友可以參考下

1、準備一張二維碼圖片，大小、圖片自己定義我這里用的寬度和高度都是253，名稱weixin.jpg

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>二維碼圖片固定在右下角某處并跟隨滾動條滾動</title> 
</head> 
<body> 
<div style="width:1000px; height:1000px;">二維碼圖片固定在右下角某處并跟隨滾動條滾動</div> 
<script language="javascript"> 
function wx_scroll(){  
 var topH=-80; 
 var leftW=10; 
 var sHeight,sWidth,cHeight; 
 //alert(document.documentElement.clientWidth); 
 (document.body.scrollLeft==0)?sWidth=document.documentElement.scrollLeft + document.documentElement.clientWidth - 260 :sWidth=document.body.scrollLeft+ document.documentElement.clientWidth - 260 ; 
 (document.body.scrollTop==0)?sHeight=document.documentElement.scrollTop+ document.documentElement.clientHeight - 260 :sHeight=document.body.scrollTop+ document.documentElement.clientHeight - 260; 
 document.getElementById("bar_float").style.left=eval(sWidth+leftW) +"px"; 
 document.getElementById("bar_float").style.top=eval(sHeight+topH) +"px"; 
} 
setInterval("wx_scroll()",100); 
</script> 
<div id="bar_float" style="position: absolute; display:block; z-index: 10000; left: 1216px; top: -80px;"> 
<div id="stayTopleft"> 
 <table cellspacing="0" cellpadding="0" border="0"> 
 <tbody> 
 <tr> 
  <td colspan="2" valign="top"><img src="weixin.jpg" width="253" height="253" border="0"></td> 
  </tr> 
  <tr> 
 </table></div> 
</div> 
</body> 
</html>

以上所述是小編給大家介紹的基于JS實現二維碼圖片固定在右下角某處并跟隨滾動條滾動，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

相關文章

  • javascript過濾危險腳本方法

    javascript過濾危險腳本方法

    腳本藏身之處不過有四： 1、<script>標簽、<link>標簽、<style>標簽、iframe標簽 2、on開頭的標簽屬性 3、javascript(vbscript)偽協議 4、css的epression
    2008-08-08
  • js模擬淘寶網的多級選擇菜單實現方法

    js模擬淘寶網的多級選擇菜單實現方法

    這篇文章主要介紹了js模擬淘寶網的多級選擇菜單實現方法,涉及javascript針對頁面元素結點的遍歷與設置等操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08
  • BootStrap點擊下拉菜單項后顯示一個新的輸入框實現代碼

    BootStrap點擊下拉菜單項后顯示一個新的輸入框實現代碼

    這篇文章主要介紹了BootStrap點擊下拉菜單項后顯示一個新的輸入框實現代碼的相關資料,需要的朋友可以參考下
    2016-05-05
  • js控制TR的顯示隱藏

    js控制TR的顯示隱藏

    在很多現實的場景中，有的文本框我們希望在選擇“是”的按鈕之后才出現，這就需要js控制TR的隱藏和顯示，如何控制，本文為大家揭曉
    2016-03-03
  • 微信小程序返回上一頁傳參并刷新過程解析

    微信小程序返回上一頁傳參并刷新過程解析

    這篇文章主要介紹了微信小程序返回上一頁傳參并刷新過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-12-12
  • JavaScript 編寫匿名函數的幾種方法

    JavaScript 編寫匿名函數的幾種方法

    匿名函數可以有效控制變量作用域，構造閉包 (Closure)，防止對全局變量造成污染。在 JavaScript 中，編寫匿名函數，有以下幾種方法.
    2010-02-02
  • 使用Taro實現小程序商城的購物車功能模塊的實例代碼

    使用Taro實現小程序商城的購物車功能模塊的實例代碼

    這篇文章主要介紹了使用Taro實現的小程序商城的購物車功能模塊,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2020-06-06
  • 淺談JavaScript中promise的使用

    淺談JavaScript中promise的使用

    本文主要對JavaScript中promise的使用進行詳細介紹。具有一定的參考價值，下面跟著小編一起來看下吧
    2017-01-01
  • 移動端觸摸滑動插件swiper使用方法詳解

    移動端觸摸滑動插件swiper使用方法詳解

    這篇文章主要為大家詳細介紹了移動端觸摸滑動插件swiper的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-08-08
  • JS面向對象、prototype、call()、apply()

    JS面向對象、prototype、call()、apply()

    那天用到prototype.js于是打開看看，才看幾行就滿頭霧水，原因是對js的面向對象不是很熟悉，于是百度+google了一把，最后終于算小有收獲，寫此紀念一下^_^。
    2009-05-05

最新評論