<HTML>
<HEAD>
<TITLE>图片滚动控制效果_http://www.codefans.net</TITLE>
</HEAD>
<BODY STYLE="overflow: hidden; border: 0" topmargin=0 leftmargin=0>
<table>
<tr><td style="padding: 5">
<div id="testDiv" style="border: buttonface 2 solid">
<img src="logo.gif">
</div>
<script language="JScript">
function scroll(obj, oWidth, oHeight, direction, drag, zoom, speed)
{
var scrollDiv = obj
var scrollContent = document.createElement("span")
scrollContent.style.position = "absolute"
scrollDiv.applyElement(scrollContent, "inside")
var displayWidth = (oWidth != "auto" && oWidth ) ? oWidth : scrollContent.offsetWidth + parseInt(scrollDiv.currentStyle.borderRightWidth)
var displayHeight = (oHeight != "auto" && oHeight) ? oHeight : scrollContent.offsetHeight + parseInt(scrollDiv.currentStyle.borderBottomWidth)
var contentWidth = scrollContent.offsetWidth
var contentHeight = scrollContent.offsetHeight
var scrollXItems = Math.ceil(displayWidth / contentWidth) + 1
var scrollYItems = Math.ceil(displayHeight / contentHeight) + 1
scrollDiv.style.width = displayWidth
scrollDiv.style.height = displayHeight
scrollDiv.style.overflow = "hidden"
scrollDiv.setAttribute("state", "stop")
scrollDiv.setAttribute("drag", drag ? drag : "horizontal")
scrollDiv.setAttribute("direction", direction ? direction : "left")
scrollDiv.setAttribute("zoom", zoom ? zoom : 1)
scrollContent.style.zoom = scrollDiv.zoom
var scroll_script = "var scrollDiv = " + scrollDiv.uniqueID +"\n"+
"var scrollObj = " + scrollContent.uniqueID +"\n"+
"var contentWidth = " + contentWidth + " * (scrollObj.runtimeStyle.zoom ? scrollObj.runtimeStyle.zoom : 1)" +"\n"+
"var contentHeight = " + contentHeight + " * (scrollObj.runtimeStyle.zoom ? scrollObj.runtimeStyle.zoom : 1)" +"\n"+
"var scrollx = scrollObj.runtimeStyle.pixelLeft" +"\n"+
"var scrolly = scrollObj.runtimeStyle.pixelTop" +"\n"+
"switch (scrollDiv.state.toLowerCase())" +"\n"+
"{" +"\n"+
"case ('scroll') :" +"\n"+
"switch (scrollDiv.direction)" +"\n"+
"{" +"\n"+
"case ('left') :" +"\n"+
"scrollx = (--scrollx) % contentWidth" +"\n"+
"break" +"\n"+
"case ('right') :" +"\n"+
"scrollx = -contentWidth + (++scrollx) % contentWidth" +"\n"+
"break" +"\n"+
"case ('up') :" +"\n"+
"scrolly = (--scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"case ('down') :" +"\n"+
"scrolly = -contentHeight + (++scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"case ('left_up') :" +"\n"+
"scrollx = (--scrollx) % contentWidth" +"\n"+
"scrolly = (--scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"case ('left_down') :" +"\n"+
"scrollx = (--scrollx) % contentWidth" +"\n"+
"scrolly = -contentHeight + (++scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"case ('right_up') :" +"\n"+
"scrollx = -contentWidth + (++scrollx) % contentWidth" +"\n"+
"scrolly = (--scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"case ('right_down') :" +"\n"+
"scrollx = -contentWidth + (++scrollx) % contentWidth" +"\n"+
"scrolly = -contentHeight + (++scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"default :" +"\n"+
"return" +"\n"+
"}" +"\n"+
"scrollObj.runtimeStyle.left = scrollx" +"\n"+
"scrollObj.runtimeStyle.top = scrolly" +"\n"+
"break" +"\n"+
"case ('stop') :" +"\n"+
"case ('drag') :" +"\n"+
"default :" +"\n"+
"return" +"\n"+
"}"
var contentNode = document.createElement("span")
contentNode.runtimeStyle.position = "absolute"
contentNode.runtimeStyle.width = contentWidth
scrollContent.applyElement(contentNode, "inside")
for (var i=0; i <= scrollXItems; i++)
{
for (var j=0; j <= scrollYItems ; j++)
{
if (i+j == 0) continue
var tempNode = contentNode.cloneNode(true)
var contentLeft, contentTop
scrollContent.insertBefore(tempNode)
contentLeft = contentWidth * i
contentTop = contentHeight * j
tempNode.runtimeStyle.left = contentLeft
tempNode.runtimeStyle.top = contentTop
}
}
scrollDiv.onpropertychange = function()
{
var propertyName = window.event.propertyName
var propertyValue = eval("this." + propertyName)
switch(propertyName)
{
case "zoom" :
var scrollObj = this.children[0]
scrollObj.runtimeStyle.zoom = propertyValue
var content_width = scrollObj.children[0].offsetWidth * propertyValue
var content_height = scrollObj.children[0].offsetHeight * propertyValue
scrollObj.runtimeStyle.left = -content_width + (scrollObj.runtimeStyle.pixelLeft % content_width)
scrollObj.runtimeStyle.top = -content_height + (scrollObj.runtimeStyle.pixelTop % content_height)
break
}
}
scrollDiv.onlosecapture = function()
{
this.state = this.tempState ? this.tempState : this.state
this.runtimeStyle.cursor = ""
this.remo
codefans.net.rar （49个子文件） 
codefans.net imgmove 
demo.html 11KB
logo.gif 4KB dangdangphoto css 
css.css 2KB images 
02.jpg 58KB 01.jpg 45KB 03.jpg 59KB 04.jpg 59KB Thumbs.db 21KB lanternpoint.gif 57B 05.jpg 66KB js LanternN.js 12KB index.htm 2KB xunlei_image css 
flashPage_bg.png 344B css_xunlei.css 2KB images 02.jpg 32KB 01.jpg 29KB 03.jpg 37KB 04.jpg 38KB 07.jpg 30KB Thumbs.db 39KB 05.jpg 28KB 06.jpg 29KB js funcs.js 6KB index.htm 4KB JS六图切换 css style.css 19KB images b_200803262354165800.jpg 37KB b_200803251550339553.jpg 134KB b_200711231709369377.jpg 93KB lbtn.gif 811B b_200806230011537243.jpg 125KB Thumbs.db 8KB fsbg.gif 505B rbtn.gif 807B b_200806230013089580.jpg 96KB b_200708221737173297.jpg 79KB flag.gif 841B js scrolls.js 4KB tu.js 16KB index.htm 1KB JavaScript图片切换特效（带略缩图） css css.css 2KB images 02.jpg 24KB 01.jpg 37KB 03.jpg 39KB 04.jpg 54KB arrow3.gif 67B 05.jpg 55KB 06.jpg 37KB js AutoChangePhoto.js 1KB index.htm 2KB资源评论
wllass
- 粉丝: 0
- 资源: 14
最新资源
- (174717862)有源滤波电路1-模电Multisim仿真实验
- (3822212)单片机Proteus仿真
- (481250)Proteus 与单片机 仿真
- (179979052)基于MATLAB车牌识别系统【带界面GUI】.zip
- 计算机网络四次实验报告
- (175549404)基于微信小程序的十二神鹿点餐（外卖小程序）（毕业设计，包括数据库，源码，教程）.zip
- (179941432)基于MATLAB车牌识别系统【GUI含界面】.zip
- (179941434)基于MATLAB车牌识别系统【含界面GUI】.zip
- (178021462)基于Javaweb+ssm的医院在线挂号系统的设计与实现.zip
- (178047214)基于springboot图书管理系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
