中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

成都網(wǎng)站建設(shè)小代碼之點擊可隱藏顯示的層

2023-03-26    分類: 網(wǎng)站建設(shè)

一個點擊可顯示再點擊隱藏層的代碼,并可隨瀏覽器滾動條拉伸而滾動,可廣泛適用于廣告、在線客服、快捷留言發(fā)布等功能的精短代碼。

<div style="width:100px;height:100px;position:absolute;left:-200px;top:80px;background:#FFCC00;border:1px solid #999;">點擊可隱藏</div>
<div style="position:absolute;left:2px;top:80px;"><img src=http://www.sh-windows.cn alt="點擊打開" /></div>
<script type="text/Javascript">
<!--
var i=0, str="";while(i++<100){str+="<br>"}
document.write(str);

var c=0;
var div = document.getElementsByTagName("div")[0];
var img = document.getElementsByTagName("div")[1];

div.Onclick = function(){
img.style.left = "2px";
div.style.left = "-200px";
}

img.Onclick = function(){
div.style.left = "2px";
img.style.left = "-200px";
}

var y = parseInt(div.style.top);
var my = parseInt(img.style.top);

window.onscroll = function(){
clearInterval(c);
c = setInterval(function(){
var cy = parseInt(div.style.top);
var mcy = parseInt(img.style.top);
var dy = document.body.scrollTop || document.documentElement.scrollTop;
div.style.top = (cy + (dy -(cy-y))*0.1) + "px";
img.style.top = (mcy + (dy -(mcy-my))*0.1) + "px";
},10);
}
//-->
</script>

IE6.0和Fire火狐瀏覽器中測試通過,其他未測試。J和O改成小寫的字母j和o

本文名稱:成都網(wǎng)站建設(shè)小代碼之點擊可隱藏顯示的層
網(wǎng)站地址:http://www.rwnh.cn/news38/247788.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營銷、搜索引擎優(yōu)化、云服務(wù)器、關(guān)鍵詞優(yōu)化全網(wǎng)營銷推廣、網(wǎng)站排名

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)
老河口市| 本溪| 樟树市| 运城市| 广灵县| 平武县| 桦川县| 永春县| 阿勒泰市| 平度市| 嵊州市| 邹平县| 自治县| 德格县| 全南县| 郯城县| 铜川市| 金寨县| 年辖:市辖区| 页游| 鸡东县| 绥德县| 波密县| 武平县| 巴里| 静安区| 建瓯市| 澎湖县| 永安市| 开鲁县| 天长市| 呼图壁县| 顺义区| 博野县| 盐池县| 周口市| 大方县| 汶川县| 富川| 库车县| 舒城县|