仓酷云
标题:
ASP教程之用鼠标把持转动的菜单条！(JavaScript)...
[打印本页]
作者:
莫相离
时间:
2015-1-16 22:32
标题:
ASP教程之用鼠标把持转动的菜单条！(JavaScript)...
ASP最大的缺点在于网络的安全性和可靠性，企业将经营数据放在开放的平台上，最大的担忧就是如何保证这些数据不被其他人破坏。第一步，将上面的代码加<head>与</head>之间
<style>
body{background-color:#FFFFFF}
A{color:Navy;text-decoration:none}
A:hover{color:red}
A:visited:{color:#808080}
TD{font-family:arial,helvetica;font-size:10pt}
#divBg{position:absolute;z-index:10;width:200;left:0;height:100;clip:rect(0,10,10,0)}
#divMenu{position:absolute;left:15;top:6;font-weight:bold}
#divArrowLeft{position:absolute;width:20;height:20;left:0;top:9}
#divArrowRight{position:absolute;width:20;height:20;top:9}
</style><script>
//Simplebrowsercheck
varn=(document.layers)?1:0;
varie=(document.all)?1:0;
//Theheightofthemenu
menuHeight=22
//Widthofthearrows
arrowWidth=16
//Scrollspeed:(inmilliseconds,changethisoneandthenextvariabletochangethespeed)
scrollSpeed=20
//Pixelstoscrollpertimeout.
scrollPx=10
/**************************************************************************
Scrollingfunctions
***************************************************************************/
vartim;
varnoScroll=true
functionmLeft(){
if(!noScroll&&oMenu.x<arrowWidth){
oMenu.moveBy(scrollPx,0)
tim=setTimeout("mLeft()",scrollSpeed)
}
}
functionmRight(){
if(!noScroll&&oMenu.x>-(oMenu.scrollWidth-(pageWidth))-arrowWidth){
oMenu.moveBy(-scrollPx,0)
tim=setTimeout("mRight()",scrollSpeed)
}
}
functionnoMove(){clearTimeout(tim);noScroll=true}
/**************************************************************************
Objectpart
***************************************************************************/
functionmakeObj(obj,nest,num){
nest=(!nest)?:document.+nest+.
this.css=(n)?eval(nest+document.+obj):eval(document.all.+obj+.style)
this.evnt=(n)?eval(nest+document.+obj):eval(obj);
this.scrollWidth=n?this.css.document.width:this.evnt.offsetWidth
this.x=(n)?this.css.left:this.evnt.offsetLeft;this.y=(n)?
this.css.top:this.evnt.offsetTop;
this.moveBy=b_moveBy;this.moveIt=b_moveIt;this.showIt=b_showIt;this.clipTo=b_clipTo;
returnthis
}
functionb_moveBy(x,y){this.x=this.x+x;this.y=this.y+y;this.css.left=this.x;this.css.top=this.y}
functionb_moveIt(x,y){this.x=x;this.y=y;this.css.left=this.x;this.css.top=this.y}
functionb_clipTo(t,r,b,l){
if(n){this.css.clip.top=t;this.css.clip.right=r;this.css.clip.bottom=b;this.css.clip.left=l
}elsethis.css.clip="rect("+t+","+r+","+b+","+l+")";
}
functionb_showIt(){this.css.visibility="visible"}
/**************************************************************************
Objectpartend
***************************************************************************/
/**************************************************************************
Initfunction.Settheplacementsoftheobjectshere.
***************************************************************************/
functionside_init(){
//Widthofthemenu,Currentlysettothewidthofthedocument.
//Ifyouwantthemenutobe500pxwideforinstance,just
//setthethepageWidth=500instead.
pageWidth=(n)?innerWidth:document.body.offsetWidth-20;
oBg=newmakeObj(divBg)
oMenu=newmakeObj(divMenu,divBg)
oArrowRight=newmakeObj(divArrowRight,divBg)
//Placement
oBg.moveIt(0,0)//Maindiv,holdsalltheotherdivs.
oMenu.moveIt(arrowWidth,6)
oArrowRight.moveIt(pageWidth-arrowWidth,9)
//settingthewidthandthevisibleareaofthelinks.
if(ie){oBg.css.width=pageWidth;oBg.css.overflow="hidden"}
oBg.clipTo(0,pageWidth,menuHeight,0)
}
//executingtheinitfunctiononpageload.
onload=side_init;
</script>
第二步：将上面的原代码到场<body>与</body>之间
<divid="divBg">
<divid="divMenu">
<table><tr><tdnowrap>
[<ahref="#">link1</a>]?[<ahref="#">link
2</a>]?[<ahref="#">link3</a>]?[<ahref="#">link
4</a>]?[<ahref="#">link5</a>]?
[<ahref="#">link6</a>]?
[<ahref="#">link7</a>]?
[<ahref="#">link8</a>]?
[<ahref="#">link9</a>]?
[<ahref="#">link10</a>]?
[<ahref="#">link11</a>]?
[<ahref="#">link12</a>]?
[<ahref="#">link13</a>]?
[<ahref="#">link14</a>]?
[<ahref="#">link15</a>]?
[<ahref="#">link16</a>]?
[<ahref="#">link17</a>]?
[<ahref="#">link18</a>]?
[<ahref="#">link19</a>]?
[<ahref="#">link20</a>]?
[<ahref="#">link21</a>]?
[<ahref="#">link22</a>]?
[<ahref="#">link23</a>]?
[<ahref="#">link24</a>]?
[<ahref="#">link25</a>]?
[<ahref="#">link26</a>]?
[<ahref="#">link27</a>]?
[<ahref="#">link28</a>]?
[<ahref="#">link29</a>]?
[<ahref="#">link30</a>]
</td></tr></table>
</div>
<divid="divArrowLeft"><ahref="javascript://"></a></div>
</div>
由于ASP提供的是一对多的服务，所以用户的一些特殊需求很难得到满足。
作者:
柔情似水
时间:
2015-1-19 16:23
Response:从字面上讲是“响应”，因此这个是服务端向客户端发送东西的，例如Response.Write
作者:
灵魂腐蚀
时间:
2015-1-28 05:52
下面简单介绍一下我学习ASP的方法,希望对想学习ASP的朋友有所帮助...
作者:
活着的死人
时间:
2015-2-5 15:06
封装性使得代码逻辑清晰，易于管理，并且应用到ASP.Net上就可以使业务逻辑和Html页面分离，这样无论页面原型如何改变，业务逻辑代码都不必做任何改动；继承性和多态性使得代码的可重用性大大提高。
作者:
小妖女
时间:
2015-2-12 10:12
ASP.Net摆脱了以前ASP使用脚本语言来编程的缺点，理论上可以使用任何编程语言包括C++,VB,JS等等，当然，最合适的编程语言还是MS为.NetFrmaework专门推出的C(读csharp)，它可以看作是VC和Java的混合体吧。
作者:
爱飞
时间:
2015-3-3 02:55
那么，ASP.Net有哪些改进呢？
作者:
只想知道
时间:
2015-3-11 09:10
从事这个行业，那么你可以学ASP语言，简单快速上手，熟练dreamweav排版，写asp代码，熟练photoshop处理图片，打好基础就行了
作者:
admin
时间:
2015-3-18 02:19
跟学别的语言一样，先掌握变量，流程控制语句(就是ifwhileselect)等，函数/过程，数组
作者:
蒙在股里
时间:
2015-3-25 09:37
从事这个行业，那么你可以学ASP语言，简单快速上手，熟练dreamweav排版，写asp代码，熟练photoshop处理图片，打好基础就行了
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2