我的联盟 作品 招聘 外包 人才  酷站加油 国内 国外 CSS  资源图库 图库 模板 矢量 图标  设计欣赏 界面 LOGO 插画 艺术  网页 平面  专访 名站 竞赛 社区
当前位置:首页 > 网页教程 > HTMLCSS教程 > 正文
DHTML实现可控制的页面内滚动区域
来源:68design.net 2007年01月22日 12:12 网友评论:0条 点击:

  首先,我们在样式表里加入“.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="点住不放可以快速向上滚动"”。

首页 上一页 [1] [2] 下一页 尾页
上一篇:不用JS的漂浮层   下一篇:(X)HTML Strict下的嵌套规则
收藏此页】【打印】【关闭
 相关文章  我要点评

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 设计服务 | 广告服务 | 常见问题 | 网站地图 | 法律声明 | 联系我们
Copyright © 2003-2012 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】