ASP教程之用鼠标把持转动的菜单条！(JavaScript)...

只看该作者 · 发表于 2015-1-16 22:32:37

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

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提供的是一对多的服务，所以用户的一些特殊需求很难得到满足。

只看该作者 · 发表于 2015-1-19 16:23:29

Response:从字面上讲是“响应”，因此这个是服务端向客户端发送东西的，例如Response.Write

只看该作者 · 发表于 2015-1-28 05:52:18

下面简单介绍一下我学习ASP的方法,希望对想学习ASP的朋友有所帮助...

只看该作者 · 发表于 2015-2-5 15:06:04

封装性使得代码逻辑清晰，易于管理，并且应用到ASP.Net上就可以使业务逻辑和Html页面分离，这样无论页面原型如何改变，业务逻辑代码都不必做任何改动；继承性和多态性使得代码的可重用性大大提高。

只看该作者 · 发表于 2015-2-12 10:12:44

ASP.Net摆脱了以前ASP使用脚本语言来编程的缺点，理论上可以使用任何编程语言包括C++,VB,JS等等，当然，最合适的编程语言还是MS为.NetFrmaework专门推出的C(读csharp)，它可以看作是VC和Java的混合体吧。

只看该作者 · 发表于 2015-3-3 02:55:25

那么，ASP.Net有哪些改进呢？

只看该作者 · 发表于 2015-3-11 09:10:22

从事这个行业，那么你可以学ASP语言，简单快速上手，熟练dreamweav排版，写asp代码，熟练photoshop处理图片，打好基础就行了

只看该作者 · 发表于 2015-3-18 02:19:05

跟学别的语言一样，先掌握变量，流程控制语句(就是ifwhileselect)等，函数/过程，数组

只看该作者 · 发表于 2015-3-25 09:37:25

从事这个行业，那么你可以学ASP语言，简单快速上手，熟练dreamweav排版，写asp代码，熟练photoshop处理图片，打好基础就行了

		自动登录	找回密码
密码			立即注册

[学习教程] ASP教程之用鼠标把持转动的菜单条！(JavaScript)...

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子

浏览过的版块