收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 3249|回复: 2

鼠标放到上下箭头的图片就能滚动

[复制链接]
发表于 2007-9-25 09:43:21 | 显示全部楼层 |阅读模式
很多站点都在主页上采用了可上移动的快速插入针来做站点更新及新闻,鼠标放到上下箭头的图片就能滚动。其实这个一点也不难,下面先看一下效果,再学一下是如何做的吧!

  制作方法:
  先建立CSS样式,代码:
  .opacity {BACKGROUND-COLOR: #993300; COLOR: #ff9900; FILTER: alpha(opacity=100)}

  将下面的代码复制到<head> ~ </head>里:
<script>
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>

  将下面的代码复制到向上箭头的<img>里:
<img alt=点住不放可以快速向上滚动 class=opacity onMouseDown=movover();movstar(-3,2) onMouseOut=movover();o_up(this) onMouseOver=movstar(-1,20);o_down(this) onMouseUp=movover();movstar(-1,20) src="arrowup.gif" width="13" height="13" border="0" style="cursor:hand">

  将下面的代码复制到向下箭头的<img>里:
<img src="arrowdown.gif" class="opacity" onMouseDown=movover();movstar(3,2) onMouseOut=movover();o_up(this) onMouseOver=movstar(1,20);o_down(this) onMouseUp=movover();movstar(1,20) alt="点住不放可以快速向下滚动" width="13" height="13" border="0" style="cursor:hand">

  将下面的代码复制到<table>中的一个<td>内,具体宽、高自拟:
<iframe border=0 frameborder=0 framespacing=0 height='100%' marginheight=0 marginwidth=0 name=new_date noResize scrolling=no src="iframe.htm" width='445' vspale="0"></iframe>

  新建一个iframe.htm 的文件,放在同一级目录下。
发表于 2007-9-25 09:47:29 | 显示全部楼层
前一阵写的一个

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2007-9-26 14:11:04 | 显示全部楼层
我要的就是这个,终于找到了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-10-26 21:05 , Processed in 0.109098 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表