JS控制网页图片斜向滚动(图片除了上、下、左、右滚动,还有斜向滚动哦)
2015-05-13 13:45
260 查看
<html>
<head>
<title>背景斜向移动</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body background="http://p18.qhimg.com/t010e15dc26698ab2a8.png">
<script language="Javascript">
<!--
function selectAll(theField){
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
}
//-->
</script>
<script language="Javascript">
<!--
var background = "http://p18.qhimg.com/t010e15dc26698ab2a8.png";
var speed = 0;
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName != "Netscape" || browserVer >= 4.5) {
function moveback(movert,movedn,hPos,vPos) {
if (arguments[4])
document.body.style.backgroundImage = "url(\"" + arguments[4] + "\")";
if (arguments[5])
document.body.style.backgroundRepeat = arguments[5]
if (!isNaN(hPos)) {
if ((movert!=0) && (hPos>0)) hPos=-100000
hPos += movert
}
if (!isNaN(vPos)) {
if ((movedn!=0) && (vPos>0)) vPos=-100000
vPos+= movedn
}
document.body.style.backgroundPosition= hPos + " " + vPos
if (isNaN(hPos)) hPos = "\"" + hPos + "\""
if (isNaN(vPos)) vPos = "\"" + vPos + "\""
setTimeout("moveback("+movert+","+movedn+","+hPos+","+vPos+")",speed)
}
moveback(1,1,0,0, background);
}
//-->
</script>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
</body>
</html>
<head>
<title>背景斜向移动</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body background="http://p18.qhimg.com/t010e15dc26698ab2a8.png">
<script language="Javascript">
<!--
function selectAll(theField){
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
}
//-->
</script>
<script language="Javascript">
<!--
var background = "http://p18.qhimg.com/t010e15dc26698ab2a8.png";
var speed = 0;
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName != "Netscape" || browserVer >= 4.5) {
function moveback(movert,movedn,hPos,vPos) {
if (arguments[4])
document.body.style.backgroundImage = "url(\"" + arguments[4] + "\")";
if (arguments[5])
document.body.style.backgroundRepeat = arguments[5]
if (!isNaN(hPos)) {
if ((movert!=0) && (hPos>0)) hPos=-100000
hPos += movert
}
if (!isNaN(vPos)) {
if ((movedn!=0) && (vPos>0)) vPos=-100000
vPos+= movedn
}
document.body.style.backgroundPosition= hPos + " " + vPos
if (isNaN(hPos)) hPos = "\"" + hPos + "\""
if (isNaN(vPos)) vPos = "\"" + vPos + "\""
setTimeout("moveback("+movert+","+movedn+","+hPos+","+vPos+")",speed)
}
moveback(1,1,0,0, background);
}
//-->
</script>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
</body>
</html>
相关文章推荐
- 历史上最简单的连续滚动字幕源代码,js控制(除了js还有啥可以控制的呢。哈哈)
- js实现按钮控制带有停顿效果的图片滚动
- js设置图片或文字自动左右滚动控制,鼠标经过停留
- 使用js实现带有停顿效果的图片滚动(按钮控制)
- 不用marquee而使用JS控制图片纵向滚动,解决火狐不兼容
- JS网页图片查看器-可控制图片放大缩小还原移动效果
- JS网页图片查看器-可控制图片放大缩小移动|兼容IE、FF
- js 图片预览效果,左右滚动,有两个按钮控制
- js两种实现网页图片滚动的方法 和一种切换的方法
- JS控制图片滚动的效果
- JS+CSS控制图片滚动方向
- JS网页图片查看器-可控制图片放大缩小移动|兼容IE、FF
- 使用js实现带有停顿效果的图片滚动(按钮控制)
- JS控制图片滚动的效果
- JS+CSS控制左右切换鼠标可控的无缝图片滚动代码
- 第十八节:JS控制网页内嵌滚动条的滚动
- JS控制图片滚动的效果
- js练习之事件切换图片和控制css样式以及指定页面滚动位置
- JS控制点击按钮图片向左或向右循环移动滚动效果
- 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止。它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用。