js漂浮广告代码_js编程代码大全

大家好,我是知秋君,一个会写博客吟诗的知秋码农。今天说一说js漂浮广告代码_js编程代码大全,希望能够帮助大家进步!!! //浮动广告代码 var x = 50 , y = 60 ; //设置元素在浏览器窗口中的初始位置 var xin = true , yin = true ; //设置xin、yin用于判断元素是否在窗口范围内 var step = 1 ; //可设置每次移动几像素 var

大家好,我是知秋君,一个会写博客吟诗的知秋码农。今天说一说js漂浮广告代码_js编程代码大全,希望能够帮助大家进步!!!

//浮动广告代码 var x = 50,y = 60; //设置元素在浏览器窗口中的初始位置 var xin = true, yin = true; //设置xin、yin用于判断元素是否在窗口范围内 var step = 1 ; //可设置每次移动几像素 var obj=document.getElementById("Ad"); //通过id获取div元素 function floatAd() { 

var L=T=0; var R= document.body.clientWidth-obj.offsetWidth; //浏览器的宽度减div对象占据的空间宽度就是元素可以到达的窗口最右边的位置 var B = document.body.clientHeight-obj.offsetHeight; obj.style.left = x + document.documentElement.scrollLeft; //设置div对象的初始位置 //当没有拉到滚动条时,document.body.scrollTop的值是0 //当拉到滚动条时,为了让div对象在屏幕中的位置保持不变,就需要加上滚动的网页的高度 obj.style.top = y + document.documentElement.scrollTop; x = x + step*(xin?1:-1);//水平移动对象,每次判断左移还是右移 if (x < L) {

xin = true; x = L;} if (x > R){

xin = false; x = R;} //当div移动到最右边,x大于R时,设置xin = false //让x每次都减1,即向左移动,直到x< L时,再将xin的值设为true,让对象向右移动 y = y + step*(yin?1:-1) if (y < T) {

yin = true; y = T; } if (y > B) {

yin = false; y = B;} } var itl= setInterval("floatAd()", 10) //每隔10毫秒执行一次floatAd() obj.onmouseover=function(){

clearInterval(itl)} //鼠标滑过时,让漂浮广告停止 obj.onmouseout=function(){

itl=setInterval("floatAd()", 10)} //鼠标离开时,继续移动

只听到从知秋君办公室传来知秋君的声音:

建平督邮道,鱼复永安宫。有谁来对上联或下联?

在这里插入图片描述
在这里插入图片描述

博主一段时间之后会更新如何制作整个网页以及所有相关的代码,还有PHP admin的数据库增删查改,需要资源的朋友请评论留言+关注我~

知秋君
上一篇 2024-07-03 15:31
下一篇 2024-07-03 15:31

相关推荐