来看看：层转动条
业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。<html><head><title>层转动条DIY-Poweredbyyexj00</title><style><!--*{font-size:12px}--></style><scriptlanguage="Javascript"><!--function$(obj){returndocument.all;}functionsetbarHeight(){$("scroll_bar").style.height=($("scroll_content").clientHeight)/($("scroll_content").scrollHeight)*($("scroll_area").offsetHeight)+"px";if($("scroll_bar").offsetHeight>=$("scroll_area").offsetHeight){$("scroll_bar").style.display=none;}}//--></script><scriptlanguage="Javascript"><!--vardrag=false;//是不是同意拖动varmx,my;varscrollbar_L;varscrollbar_T;varscrollbar_W;varscrollbar_H;varscrollarea_T,scrollarea_H;varstartT,startY;functiongetInfor(){mx=event.clientX+document.documentElement.scrollLeft;my=event.clientY+document.documentElement.scrollTop;scrollbar_L=document.documentElement.clientLeft+$("outerDiv").style.pixelLeft+$("scroll_area").offsetLeft+$("scroll_bar").offsetLeft;scrollbar_T=document.documentElement.clientTop+$("outerDiv").style.pixelTop+$("scroll_area").offsetTop+$("scroll_bar").offsetTop;scrollbar_W=$("scroll_bar").offsetWidth;scrollbar_H=$("scroll_bar").offsetHeight;scrollarea_T=document.documentElement.clientTop+$("outerDiv").style.pixelTop+$("scroll_area").offsetTop;scrollarea_H=$("scroll_area").offsetHeight;}functiondragit(){getInfor();if(event.srcElement.id=="scroll_bar"){drag=true;$("scroll_bar").style.background="#cccccc";startT=$("scroll_bar").style.pixelTop;startY=event.clientY;document.onmousemove=move;}}functionmove(){if(drag==true){$("scroll_bar").style.pixelTop=startT+event.clientY-startY;$("scroll_content").scrollTop=$("scroll_bar").style.pixelTop/$("scroll_area").offsetHeight*$("scroll_content").scrollHeight;if($("scroll_bar").style.pixelTop<=0){$("scroll_bar").style.pixelTop=0}if($("scroll_bar").style.pixelTop>=(scrollarea_H-scrollbar_H)){$("scroll_bar").style.pixelTop=scrollarea_H-scrollbar_H;}returnfalse;}}document.onmousedown=dragit;document.onmouseup=newFunction("drag=false;$(scroll_bar).style.background=#efefef");//--></script></head><body><divid="outerDiv"style="position:absolute;left:100px;top:50px;width:130px;height:130px"><divid="scroll_content"style="position:absolute;padding:2px;left:2px;top:5px;width:100px;height:100px;border:1pxsolid#cccccc;overflow:hidden"><!--这是层的内容区--><scriptlanguage="Javascript"><!--varstr="这个是用层做的转动条!";str=str.split("");for(i=0;i<str.length;i++){document.write(str+"<br/>");}//--></script><!--层的内容区停止--></div><divid="up_btt"style="position:absolute;left:104px;top:5px;width:8px;height:16px;background:#efefef;font-size:0px;border:1pxoutset#cccccc"></div><divid="scroll_area"style="position:absolute;left:104px;top:22px;width:8px;height:66px;font-size:0px;background:#efefef"><divid="scroll_bar"style="position:absolute;left:0px;top:0px;width:8px;background:#efefef;font-size:0px;border:1pxoutset#cccccc"></div></div><divid="down_btt"style="position:absolute;left:104px;top:89px;width:8px;height:16px;background:#efefef;font-size:0px;border:1pxoutset#cccccc"></div></div></body></html>
提醒：您能够先修正部分代码再运转，复制代码和保留代码功效在Firefox下有效。
结构清晰，容易被搜索引擎搜索到，天生优化了seo 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。 只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人. Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
页:
[1]