相关文章
网站建设给光标添加CSS样式
北京网站制作批量消除链接虚线框方法
网站设计详解css定位与定位应用
北京网页设计网页设计之css+div PK table+css
网页设计Dreamweaver MX 2004 代码编辑功能
北京网站建设Dreamweaver打造多彩文字链接
网站制作Flash关于游戏制作研究之在场景中移动
网站制作商业Flash设计经验谈(视觉冲击力)
北京网站制作Flash图文教程：flash文字跳动（教程）
www.qitongnet.comFrontPage XP直通车第2站——网页的编辑
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 企通互联网站建设DHTML实现可控制的页面内滚动区域
企通互联网站建设DHTML实现可控制的页面内滚动区域
<!-- 网站建设
.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="点住不放可以快速向上滚动"”。
如下所示： 北京网站建设
网站建设
<img src="images/up.gif" width=19 height=27 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="点住不放可以快速向上滚动"> 北京网站制作
北京网站制作
这就是控制文字向上滚动的代码，当鼠标移动到up.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="点住不放可以快速向下滚动"”。 北京网站建设
网页设计
如下所示： 北京网站制作
网站设计
<img src="images/down.gif" width=19 height=19 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="点住不放可以快速向下滚动"> 网站建设
北京网站建设
网站制作之后在要显示文字的区域加上以下这段代码： 北京网站设计
网站建设
<iframe border=0 frameborder=0 framespacing=0 height=120 marginheight=0 marginwidth=0 name=new_date noResize scrolling=no src="iframe.htm" width=200 vspale="0"></iframe> 网站制作
北京网站设计
连接一个叫iframe.htm的页面。其中height=120 width=200控制iframe.htm页面在当前页面的显示面积大小。编辑 企通互联iframe.htm文件，放入你要更新的内容就行了。