|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
ActiveServerPage技术为应用开发商提供了基于脚本的直观、快速、高效的应用开发手段,极大地提高了开发的效果。在讨论ASP的安全性问题之前,让我们来看看ASP是怎么工作的。前提扫瞄器的前提正文实际,用上面一段例子来注释这个成绩
(X)HTML
上面一段代码是测试在微软的IE扫瞄器下的前提正文语句的效果:
<!--[ifIE]>
<h1>您正在利用IE扫瞄器</h1>
<![endif]-->
<!--[ifIE5]>
<h1>版本5</h1>
<![endif]-->
<!--[ifIE5.0]>
<h1>版本5.0</h1>
<![endif]-->
<!--[ifIE5.5]>
<h1>版本5.5</h1>
<![endif]-->
<!--[ifIE6]>
<h1>版本6</h1>
<![endif]-->
<!--[ifIE7]>
<h1>版本7</h1>
<![endif]-->
上面的代码是在非IE扫瞄器下运转的前提正文:
<!--[if!IE]><!-->
<h1>您利用不是InternetExplorer</h1>
<!--<![endif]-->
终极在非IE和特别的IE扫瞄器下起感化
(大概利用ltelt大概gtgte来判别,如:
<!--[iflteIE6]>
在IE6下显现的信息
<![endif]-->
).
<!--[ifIE6]><!-->
<h1>您正在利用InternetExplorerversion6<br/>
大概一个非IE扫瞄器</h1>
<!--<![endif]-->
From:http://www.CSSplay.co.uk/menu/conditional.html
前提正文是在IE5.0/Win今后才被IE撑持的,一样平常用于hack。
(X)HTML
上面一段代码是测试在微软的IE扫瞄器下的前提正文语句的效果
<!--[ifIE]>
依据前提判别,这是InternetExplorer<br/>
<![endif]-->
<!--[ifIE5]>
依据前提判别,这是InternetExplorer5<br/>
<![endif]-->
<!--[ifIE5.0]>
依据前提判别,这是InternetExplorer5.0<br/>
<![endif]-->
<!--[ifIE5.5]>
依据前提判别,这是InternetExplorer5.5<br/>
<![endif]-->
<!--[ifIE6]>
依据前提判别,这是InternetExplorer6<br/>
<![endif]-->
<!--[ifIE7]>
依据前提判别,这是InternetExplorer7<br/>
<![endif]-->
<!--[ifgteIE5]>
依据前提判别,这是InternetExplorer5大概更高<br/>
<![endif]-->
<!--[ifltIE6]>
依据前提判别,这是版小于6的InternetExplorer<br/>
<![endif]-->
<!--[iflteIE5.5]>
依据前提判别,这是InternetExplorer5.5或更低<br/>
<![endif]-->
上面的代码是在非IE扫瞄器下运转的前提正文
<!--[if!IE]><!-->
您利用不是InternetExplorer<br/>
<!--<![endif]-->
<!--[ifIE6]><!-->
您正在利用InternetExplorerversion6<br/>
大概一个非IE扫瞄器<br/>
<!--<![endif]-->
上面是前提正文的语法:
- gt/Greaterthan/年夜于/<!--[ifgtIE5.5]>
- gte/Greaterthanorequalto/年夜于即是/<!--[ifgteIE5.5]>
- lt/Lessthan/小于/<!--[ifltIE5.5]>
- lte/Lessthanorequalto/小于即是/<!--[iflteIE5.5]>
- !/Note/不即是/<!--[if!IE5.5]>
IE前提正文的优异的辨别扫瞄器的才能,让良多计划师用于hack,办理扫瞄器对CSS剖析的分歧
<!--[ifIE6.0]]
<styletype="text/css">
div#box{width:500px;margin:10px;padding:10px;border:10px;}
</style>
<![endif]-->
<!--[ifltIE6.0]]
<styletype="text/css">
div#box{width:530px;margin:10px;padding:10px;border:10px;}
</style>
预览模子
下面提到了前提正文,就是判别扫瞄器范例,然后界说甚么扫瞄器下显现甚么内容。
这个dropmenu(下拉菜单)模子来自cssplay,使经由作者屡次的研讨和重复的测试才做出来的。我想那这个模子来理论一下前提正文的道理。
先看一个最复杂的模子
上面是xhtm
<P>
<P><divclass="menu">
<ul>
<li><aclass="drop"href="../menu/index.html">DEMOS
<!--[ifIE7]><!-->
</a>
<!--<![endif]-->
<!--IE7时显现</a>标签-->
<table><tr><td>
<ul>
<li><ahref="../menu/zero_dollars.html"title="Thezerodollaradspage">zerodollarsadvertisingpage</a></li>
<li><ahref="../menu/embed.html"title="Wrappingtextaroundimages">wrappingtextaroundimages</a></li>
<li><ahref="../menu/form.html"title="Stylingforms">styledform</a></li>
<li><ahref="../menu/nodots.html"title="Removingactive/focusborders">activefocus</a></li>
<li><aclass="drop"href="../menu/hover_click.html"title="Hover/clickwithnoactive/focusborders">hover/clickwithnoborders</li>
<liclass="upone"><ahref="../menu/shadow_boxing.html"title="Multi-positiondropshadow">shadowboxing</a></li>
<li><ahref="../menu/old_master.html"title="ImageMapfordetailedinformation">imagemapfordetailedinformation</a></li>
<li><ahref="../menu/bodies.html"title="funwithbackgroundimages">funwithbackgroundimages</a></li>
<li><ahref="../menu/fade_scroll.html"title="fade-outscrolling">fadescrolling</a></li>
<li><ahref="../menu/em_images.html"title="emsizeimagescompared">emimagesizescompared</a></li>
</ul>
</td></tr></table>
<!--[iflteIE6]>
</a>
<![endif]-->
</li>
<!--IE6时显现</a>标签-->
</ul>
</div>
CSS
<linkrel="stylesheet"media="all"type="text/css"href="final_drop.css"/>
<!--[iflteIE6]>
<linkrel="stylesheet"media="all"type="text/css"href="final_drop_ie.css"/>
<![endif]-->
<P>接纳双款式,给ie和非ie分离界说款式,假如IE时分,在final_drop.css基本上增补一个final_drop_ie.css。
先看看非ie下的css是如何界说的:
.menuulliul{
display:none;
}
/*specifictononIEbrowsers*/
.menuulli:hovera{
color:#fff;
background:#bd8d5e;
}
/*界说鼠标滑过款式*/
.menuulli:hoverul{
display:block;
position:absolute;
top:3em;
margin-top:1px;
left:0;
width:150px;
}
在非IE下,看到鼠标滑过期候li包括的ul显现了,由于这些扫瞄器撑持li:hover用法
IE下的css:
.menuullia:hover{
color:#fff;
background:#bd8d5e;
}
/*当鼠标滑过期li包括的ul显现*/
.menuullia:hoverul{
display:block;
position:absolute;
top:3em;
left:0;
background:#fff;
margin-top:0;
margin-top:1px;
}
承继下面的final_drop.css款式,无鼠标工夫时分li包括的ul不显现
由于
<!--[iflteIE6]>
</a>
<![endif]-->
以是在IE6下鼠标滑过期候在经由过程a:hover来显现谁人ul内容
而IE7下经由过程li:hover显现的效果一样
上面是作者的原模子(三级菜单纵向和相分离的)
就是在复杂模子的基本上庞大化
预览模子
下载相干文件:点击下载
强大的可扩展性。ASP具有强大的扩展性,可以实现与多种网络、硬件设备的连接:通过专用的通讯线路远程接入企业;通过远程拨号服务器为远程拨号客户提供服务;通过WAP为移动电话互联网客户服务。 |
|