点击可上下左右滚动的新闻图片列表
2010-05-25 11:58
417 查看
http://www.mini88s.cn/news_list.asp?id=994 效果演示
具体代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
td {font-size: 12px;}
.opacity {COLOR: #4AAAC5; FILTER: alpha(opacity=100)}
.solid-top {BORDER-TOP: #CCCCCC 1px solid}
.solid-right {BORDER-RIGHT: #CCCCCC 1px solid}
.solid-bottom {BORDER-BOTTOM: #CCCCCC 1px solid}
.solid-left {BORDER-LEFT: #CCCCCC 1px solid}
</style>
</head>
<body>
<table width="510" border="0" align="center" cellpadding="0" cellspacing="0" class="solid-top solid-bottom">
<tr>
<td width="480"><iframe src="shangchuanFiles/news-1.htm" name="new_date"
width="480" marginwidth="0" height="150"
marginheight="0" scrolling="No"
frameborder="0" id="new_date" border="0" framespacing="2"
noresize="noresize" vspale="0"></iframe></td>
<td width="30" align="center" valign="top"><br>
<img src="shangchuanFiles/scrollup.gif" alt="点住不放可以快速向上滚动"
width="11" height="11" vspace="5" class="opacity"
onMouseDown="movover();movstar(-3,2)"
onMouseUp="movover();movstar(-1,20)"
onMouseOver="movstar(-1,20);o_down(this)"
onMouseOut="movover();o_up(this)" /><br>
<img src="shangchuanFiles/scrolldw.gif" alt="点住不放可以快速向下滚动"
width="11" height="11" vspace="5" class="opacity"
onMouseDown="movover();movstar(3,2)"
onMouseUp="movover();movstar(1,20)"
onMouseOver="movstar(1,20);o_down(this)"
onMouseOut="movover();o_up(this)" /> <br>
<script language=JavaScript>
function movstar(a,time){
movx=setInterval("mov("+a+")",time)
}
function movover(){
clearInterval(movx)
}
function mov(a){
scrollx=new_date.document.body.scrollLeft
scrolly=new_date.document.body.scrollTop
scrolly=scrolly+a
new_date.window.scroll(scrollx,scrolly)
}
function o_down(theobject){
object=theobject
while(object.filters.alpha.opacity>60){
object.filters.alpha.opacity+=-10}
}
function o_up(theobject){
object=theobject
while(object.filters.alpha.opacity<100){
object.filters.alpha.opacity+=10}
}
function wback(){
if(new_date.history.length==0){window.history.back()}
else{new_date.history.back()}
}
</script></td>
</tr>
</table>
<br>
<br>
<table width="510" height="180" border="0" align="center" cellpadding="0" cellspacing="0" class="solid-left solid-right">
<tr>
<td><iframe src="shangchuanFiles/news-2.htm" name="frm_piclist"
width="510" marginwidth="0" height="150"
marginheight="0" scrolling="No"
frameborder="0" id="frm_piclist" border="0" framespacing="2"
noresize="noresize" vspale="0"></iframe></td>
</tr>
<tr>
<td height="30" align="center"><IMG
src="shangchuanFiles/scrolllf.gif" alt="点住不放可以快速向左滚动" width="11" height="11" hspace="5" border=0 class=opacity
onmousedown=runover();runstar(-3,2,2)
onmouseup=runover();runstar(-1,20,2)
onmouseover=runstar(-1,20,2);x_down(this)
onmouseout=runover();x_up(this)><IMG
src="shangchuanFiles/scrollrt.gif" alt="点住不放可以快速向右滚动" width="11" height="11" hspace="5" border=0 class=opacity
onmousedown=runover();runstar(3,2,2)
onmouseup=runover();runstar(1,20,2)
onmouseover=runstar(1,20,2);x_down(this)
onmouseout=runover();x_up(this)>
<SCRIPT>
function runstar(a,time,flag){
if (1 == flag){runx=setInterval("run("+a+")",10)}
else{runx=setInterval("run2("+a+")",10)}
}
function runover(){
clearInterval(runx)
}
function run(a){
scrollx=frm_frdlist.document.body.scrollLeft
scrolly=frm_frdlist.document.body.scrollTop
scrollx=scrollx+a
frm_frdlist.window.scroll(scrollx,scrolly)
}
function run2(a){
scrollx=frm_piclist.document.body.scrollLeft
scrolly=frm_piclist.document.body.scrollTop
scrollx=scrollx+a
frm_piclist.window.scroll(scrollx,scrolly)
}
function x_down(theobject){
object=theobject
while(object.filters.alpha.opacity>60){
object.filters.alpha.opacity+=-10
}
}
function x_up(theobject){
object=theobject
while(object.filters.alpha.opacity<60){
object.filters.alpha.opacity+=10
}
}
function wback(){
if(frm_frdlist.history.length==0){window.history.back()}
else{frm_frdlist.history.back()}
}
</SCRIPT></td>
</tr>
</table>
<p> </p>
</body>
</html>
<IFRAME WIDTH=0 HEIGHT=0></IFRAME>
原文链接：http://www.mini88s.cn/news_list.asp?id=994
具体代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
td {font-size: 12px;}
.opacity {COLOR: #4AAAC5; FILTER: alpha(opacity=100)}
.solid-top {BORDER-TOP: #CCCCCC 1px solid}
.solid-right {BORDER-RIGHT: #CCCCCC 1px solid}
.solid-bottom {BORDER-BOTTOM: #CCCCCC 1px solid}
.solid-left {BORDER-LEFT: #CCCCCC 1px solid}
</style>
</head>
<body>
<table width="510" border="0" align="center" cellpadding="0" cellspacing="0" class="solid-top solid-bottom">
<tr>
<td width="480"><iframe src="shangchuanFiles/news-1.htm" name="new_date"
width="480" marginwidth="0" height="150"
marginheight="0" scrolling="No"
frameborder="0" id="new_date" border="0" framespacing="2"
noresize="noresize" vspale="0"></iframe></td>
<td width="30" align="center" valign="top"><br>
<img src="shangchuanFiles/scrollup.gif" alt="点住不放可以快速向上滚动"
width="11" height="11" vspace="5" class="opacity"
onMouseDown="movover();movstar(-3,2)"
onMouseUp="movover();movstar(-1,20)"
onMouseOver="movstar(-1,20);o_down(this)"
onMouseOut="movover();o_up(this)" /><br>
<img src="shangchuanFiles/scrolldw.gif" alt="点住不放可以快速向下滚动"
width="11" height="11" vspace="5" class="opacity"
onMouseDown="movover();movstar(3,2)"
onMouseUp="movover();movstar(1,20)"
onMouseOver="movstar(1,20);o_down(this)"
onMouseOut="movover();o_up(this)" /> <br>
<script language=JavaScript>
function movstar(a,time){
movx=setInterval("mov("+a+")",time)
}
function movover(){
clearInterval(movx)
}
function mov(a){
scrollx=new_date.document.body.scrollLeft
scrolly=new_date.document.body.scrollTop
scrolly=scrolly+a
new_date.window.scroll(scrollx,scrolly)
}
function o_down(theobject){
object=theobject
while(object.filters.alpha.opacity>60){
object.filters.alpha.opacity+=-10}
}
function o_up(theobject){
object=theobject
while(object.filters.alpha.opacity<100){
object.filters.alpha.opacity+=10}
}
function wback(){
if(new_date.history.length==0){window.history.back()}
else{new_date.history.back()}
}
</script></td>
</tr>
</table>
<br>
<br>
<table width="510" height="180" border="0" align="center" cellpadding="0" cellspacing="0" class="solid-left solid-right">
<tr>
<td><iframe src="shangchuanFiles/news-2.htm" name="frm_piclist"
width="510" marginwidth="0" height="150"
marginheight="0" scrolling="No"
frameborder="0" id="frm_piclist" border="0" framespacing="2"
noresize="noresize" vspale="0"></iframe></td>
</tr>
<tr>
<td height="30" align="center"><IMG
src="shangchuanFiles/scrolllf.gif" alt="点住不放可以快速向左滚动" width="11" height="11" hspace="5" border=0 class=opacity
onmousedown=runover();runstar(-3,2,2)
onmouseup=runover();runstar(-1,20,2)
onmouseover=runstar(-1,20,2);x_down(this)
onmouseout=runover();x_up(this)><IMG
src="shangchuanFiles/scrollrt.gif" alt="点住不放可以快速向右滚动" width="11" height="11" hspace="5" border=0 class=opacity
onmousedown=runover();runstar(3,2,2)
onmouseup=runover();runstar(1,20,2)
onmouseover=runstar(1,20,2);x_down(this)
onmouseout=runover();x_up(this)>
<SCRIPT>
function runstar(a,time,flag){
if (1 == flag){runx=setInterval("run("+a+")",10)}
else{runx=setInterval("run2("+a+")",10)}
}
function runover(){
clearInterval(runx)
}
function run(a){
scrollx=frm_frdlist.document.body.scrollLeft
scrolly=frm_frdlist.document.body.scrollTop
scrollx=scrollx+a
frm_frdlist.window.scroll(scrollx,scrolly)
}
function run2(a){
scrollx=frm_piclist.document.body.scrollLeft
scrolly=frm_piclist.document.body.scrollTop
scrollx=scrollx+a
frm_piclist.window.scroll(scrollx,scrolly)
}
function x_down(theobject){
object=theobject
while(object.filters.alpha.opacity>60){
object.filters.alpha.opacity+=-10
}
}
function x_up(theobject){
object=theobject
while(object.filters.alpha.opacity<60){
object.filters.alpha.opacity+=10
}
}
function wback(){
if(frm_frdlist.history.length==0){window.history.back()}
else{frm_frdlist.history.back()}
}
</SCRIPT></td>
</tr>
</table>
<p> </p>
</body>
</html>
<IFRAME WIDTH=0 HEIGHT=0></IFRAME>
原文链接：http://www.mini88s.cn/news_list.asp?id=994
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 新闻客户端首页图片无限循环滚动展示(可点击触发不同事件)初步封装IOS
- JS 点击弹出图片/ 仿QQ商城点击左右滚动幻灯片/ 相册模块，点击弹出图片，并左右滚动幻灯片
- 图片连续滚动（上下左右）和位置
- 常用JS图片滚动（无缝、平滑、上下左右滚动）代码大全(推荐)
- jQuery点击左右滚动滑块实现图片滚动插件
- 常用JS图片滚动（无缝、平滑、上下左右滚动）代码大全
- js实现点击上下按钮，图片向上向下循环滚动切换
- Jquery仿新浪微博图片文字列表淡进淡出上下滚动效果
- js图片左右滚动的jquery插件（点击滚动和自动滚动）
- 按钮点击图片左右滚动插件
- 上下左右无空隙不间断图片连续滚动代码
- 图片或文字上下左右滚动【JS向上滚动、JS向下滚动、JS向左滚动、JS向右滚动】【整理综合】
- jquery图片无缝滚动代码左右 上下无缝滚动图片
- 上下左右滚动图片(兼容ie和火狐)
- 新闻客户端首页图片无限循环滚动展示(可点击触发不同事件)初步封装IOS
- javaScript滚动新闻之上下左右平滑滚动
- jquery控制左右箭头滚动图片列表的实例
- 图片左右间隔滚动Jquery特效,点击滚动，不点击自动滚动 jquery
- IOS超级简单上下左右滚动TableView，仿同花顺自选列表
- 基于jquery实现点击左右按钮图片横向滚动