网页链接十字显示就像CAD十字做标一样,效果非常好 -- [链接特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

网页链接十字显示就像CAD十字做标一样,效果非常好

中国站长站 2008/6/28 22:32:50 深山行者字体:大中小浏览 6302

以下为详细代码

网页链接十字显示就像CAD十字做标一样,效果非常好

第一步：把如下代码加入到<head>区域中-->

<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> 
<div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> 
<div id="Layer1" style="position:absolute; left:328px; top:216px; width:50px; height:20px; z-index:101; visibility: hidden" class="article">010101101010101010100101010101010 
</div> 
<div id="Layer2" style="position:absolute; left:328px; top:116px; width:50px; height:20px; z-index:102" class="article">10101110010110101010101010101</div> 
<p> </p> 
<p> </p> 
<p> </p> 
<table width="300" border="0" cellspacing="0" cellpadding="0" height="128"> 
<tr> 
<td height="50" align="right" class="my001"><a href="#" onMouseOut="tmt_LayerSlider('document.layers[\'leftright\']','document.all[\'leftright\']','0','0','22','50');tmt_LayerSlider('document.layers[\'topdown\']','document.all[\'topdown\']','0','0','32','50');Hide(Layer2)" onMouseOver="tmt_LayerSlider('document.layers[\'leftright\']','document.all[\'leftright\']','0','150','22','50');tmt_LayerSlider('document.layers[\'topdown\']','document.all[\'topdown\']','260','0','32','50');Show(Layer2)" class="my001" onFocus="if(this.blur)this.blur()">jojoo
</a></td> 
</tr> 
<tr> 
<td height="120" align="right"><a href="#" onMouseOut="tmt_LayerSlider('document.layers[\'leftright\']','document.all[\'leftright\']','0','0','22','50');tmt_LayerSlider('document.layers[\'topdown\']','document.all[\'topdown\']','0','0','32','50');Hide(Layer1)" onMouseOver="tmt_LayerSlider('document.layers[\'leftright\']','document.all[\'leftright\']','0','223','22','50');tmt_LayerSlider('document.layers[\'topdown\']','document.all[\'topdown\']','260','0','32','50');Show(Layer1)" onFocus="if(this.blur)this.blur()">linlin
</a></td> 
</tr> 
</table>

前一页:设置个性的文字链接样式,集齐网页上常见的链接样式

后一页:防止点击空链接时，页面往往重置到页首端

相关阅读: cookies; 利用position把div放在flash上; 微软Encoder加密解密函数; 利用javascript让PNG透明图片支持支持(IE6、IE7、firefox下测试通过); 这个超级强的div+css图片大小自适应; 小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像; 利用position属性把层永远定位于页面中部; CSS代码格式化和压缩化

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: a标签的javascript链接; 网站内容中某个关键字相关右键菜单; 利用锚点做纯CSS的图片展示效果; QQ邮箱文件中转站点击下载效果; Div+CSS+JS树型菜单，可刷新; 淘宝产品首字母类别效果

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 一个几个图片来回变幻的超炫的图片转换效果; 可以用于考试系统中试卷上交的javascript倒计时; uni.openLocation打开地图导航没反应解决方式（参数都设置对就是打不开）; 设置自己个性的网页滚动条附详细介绍; CSS代码格式化和压缩化; 微信小程序腾讯视频播放组件tencentvideo（wxa75efa648b60994b）

更多标签热门标签

服务器 png24 alert 连云港旅游常用缓冲列表 web2.0 title 购物深山行者网站地图命名打字绿色增大样式评论后台表格告事务对象 ewebeditor xml 叛断 media 加密布局分辨率 getElementById 翻滚搜索选项卡旅游指向 class word-break list 随机 loading 遍历导航游戏网页制作 link onmouserout 收缩奋斗青春