|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
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提供的是一对多的服务,所以用户的一些特殊需求很难得到满足。 |
|