首页产品库评测行情新闻|手机数码笔记本台式机DIY硬件数字家庭数码相机办公外设|软件下载游戏开发|社区

更多

数码相机
MP4
LCD
机箱
音箱

软件资讯设计 工具 系统 开发 安全 办公 陶吧 IT教育 Windows 7 | 下载中心天极下载中心诚征下载通路合作伙伴
天极网 > 软件频道 > 网页陶吧>DHTML实现可控制的页面内滚动区域

DHTML实现可控制的页面内滚动区域

2007-01-22 08:00作者:龙犊出处:天极网责任编辑:龙犊

  首先,我们在样式表里加入“.opacity {FILTER: alpha(opacity=100)”,看下面!
以下是引用片段:

<style type="text/css"> 
<!-- 
.opacity {FILTER: alpha(opacity=100)} 
--> 
</style> 

然后在html代码中加入: 

<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> 


然后在向上箭头图片的代码中加入“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="点住不放可以快速向上滚动"”。

热卖推荐: 手机 诺基亚 MP5 电脑包 双卡双待 手机链 U盘 笔记本电脑

关注此文的读者还看过:

返回网页陶吧首页

共2页。 12下一页

软件频道最新更新

热点推荐

IT嘉年华

编辑推荐

软件下载

热门
推荐

网友关注

软件
资料
游戏

装机推荐

文章排行

本周
本月
最新更新
天极服务|关于我们|About us|网站律师|RSS订阅|友情合作|加入我们|天极动态|网站地图|意见反馈|MSN/QQ上看天极
Copyright (C) 1999-2012 Yesky.com, All Rights Reserved 版权所有 天极网络