<div id="scrollDiv">放些文字或图片</div>
<script type="text/javascript">
var x = 50,y = 60;
var xin = true, yin = true ;
var step = 1 ;
var delay = 10 ;
var obj=document.getElementById("scrollDiv") ;
/**//*<![CDATA[*/
function closeDiv(){
document.getElementById('scrollDiv').style.display='none';
}
function rollMethod() {
var L=T=0;
var R= document.body.clientWidth-obj.offsetWidth ;
var B = document.body.clientHeight-obj.offsetHeight ;
obj.style.left = x + document.body.scrollLeft ;
obj.style.top = y + document.body.scrollTop ;
x = x + step*(xin?1:-1) ;
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("rollMethod()", delay) ;
obj.onmouseover=function(){clearInterval(itl)} ;
obj.onmouseout=function(){itl=setInterval("rollMethod()", delay);
}
/**//*]]>*/
</script>
分享到:
相关推荐
多种弹出漂浮层JS网页特效
javascript 漂浮广告 虽然网站上有漂浮广告很烦人,有的老板就偏爱 这个 ... 没办法 ..哎
单元格撑大 层 密码显示可变 漂浮广告 html javascript 高老师
可自定义js弹出层动画特效是一款javascript弹出层插件,支持点击触发js弹出层,滑过触发js弹出层,带动画效果js弹出层,可自定义函数回调js弹出层。
jQuery与Js实现屏幕蒙层效果
javascript实现层固定在浏览器右下角,拖动滚动条不影响其位置. 另外加入Jquery1.7.1js库,用于在固定层上再弹出层的效果. 该代码兼容火狐,谷歌,IE6,7,8浏览器. 说不清楚,总之,此资源用于个人的转储用途,到公司下载用...
jQuery cookie右下角新闻悬浮层是一款基于jquery实现的cookie设置右下角新闻悬浮层关闭和最小化代码。
js模仿腾讯世界杯人物介绍弹出提示层
可拖动图片弹出层插件layer.js是一款可自由拖动图片相册弹出窗口代码。
109:四屏切换JS广告代码下载 110:JavaScript图片切换效果 下载 111:在线客服代码 下载 112:单独关闭的两边悬挂代码下载 113:全屏可伸缩可关闭广告代码下载 114:四屏JS带缩略图的焦点图 下载 115:书角带阴影的...
这里介绍使用JavaScript实现上下浮动的窗口,在垂直方向上漂浮,代码内的JS函数有超丰富的浮动层定义功能,像浮动层位置高度、初始化事件触发器、设定浮动层为可见,用style.left设定浮动层左边距、浮动层的运动速度...
15.23 到边界反弹的漂浮图片 15.24 用键盘控制图片移动 15.25 预装载图片提高站点速度 15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例缩略图 15.29 用JavaScript导出图像到Excel 15.30 使用VML打造...
这个就没什么好说的了。。直接上代码啊!!... 代码如下: <body> ”shade”></div> <div> 登录</a> </div> 什么都没有用。。... <br> 什么都没有用。... <br> <br> <br> <br> <br> <br> ...
漂亮的弹出显示层代码,在很多大型论坛都有这个功能。。。。
15.23 到边界反弹的漂浮图片 15.24 用键盘控制图片移动 15.25 预装载图片提高站点速度 15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例缩略图 15.29 用JavaScript导出图像到Excel 15.30 使用VML打造...
各种页面效果,层切换,对联广告,漂浮广告....
109:四屏切换JS广告代码下载 110:JavaScript图片切换效果 下载 111:在线客服代码 下载 112:单独关闭的两边悬挂代码下载 113:全屏可伸缩可关闭广告代码下载 114:四屏JS带缩略图的焦点图 下载 115:书角带阴影的...
jquery底部定时滑出提示层是一款超实用和简单的jquery特效,实现了定时底部滑出可最小化的提示层功能,当页面加载完的时候就会根据设定好的时间弹出提示层出来。
层的开发在实际应用中比较重要,比如漂浮广告等等,我这里简单探讨一下。 1. 控制层的显示或隐藏 两种办法,其实都是控制样式的。 办法一:控制 display 属性 [removed] function show(status) { document....
JQuery多功能弹出层插件Lightcase是一款可扩展的lightbox插件,支持所有主流浏览器和移动设备,支持弹出层多种类型的媒体,如:图片,swf视频,html5视频,ajax内容,iframe等。