仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 574|回复: 8
打印 上一主题 下一主题

[学习教程] 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页面分离,这样无论页面原型如何改变,业务逻辑代码都不必做任何改动;继承性和多态性使得代码的可重用性大大提高。
小妖女 该用户已被删除
5#
发表于 2015-2-12 10:12:44 | 只看该作者
ASP.Net摆脱了以前ASP使用脚本语言来编程的缺点,理论上可以使用任何编程语言包括C++,VB,JS等等,当然,最合适的编程语言还是MS为.NetFrmaework专门推出的C(读csharp),它可以看作是VC和Java的混合体吧。
爱飞 该用户已被删除
6#
发表于 2015-3-3 02:55:25 | 只看该作者
那么,ASP.Net有哪些改进呢?
只想知道 该用户已被删除
7#
发表于 2015-3-11 09:10:22 | 只看该作者
从事这个行业,那么你可以学ASP语言,简单快速上手,熟练dreamweav排版,写asp代码,熟练photoshop处理图片,打好基础就行了
admin 该用户已被删除
8#
发表于 2015-3-18 02:19:05 | 只看该作者
跟学别的语言一样,先掌握变量,流程控制语句(就是ifwhileselect)等,函数/过程,数组
蒙在股里 该用户已被删除
9#
发表于 2015-3-25 09:37:25 | 只看该作者
从事这个行业,那么你可以学ASP语言,简单快速上手,熟练dreamweav排版,写asp代码,熟练photoshop处理图片,打好基础就行了
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-9-30 07:25

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表