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

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

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

以下为详细代码

网页链接十字显示就像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>

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

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

相关阅读: IE8 CSS HACK 兼容; 深山行者留言系统V3.1; Appium元素定位方式之android_uiautomator定位; IE 7.0 BETA3 浏览器绿色免安装版下载; asp计算器; 深山行者留言系统V2.2 (简称留言板V2.2); Appium获取手机分辨率 & 自适应设备下滑刷新; 字体放大效果，字体[大][中][小]

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: 新疆中国国际旅行社有限责任公司; div span 之间不同的用法; 对MD5加密方式使用者的建议; Dreamweaver在onLoad运行_onOpen.htm时,发生了以下javascript错误; 福建省武夷山旅行社官方网站; 网页制作中注意应用HTML标签的问题

更多标签热门标签

边框青春渐隐对话框 ie 爱墙关联 form 圆角物理 split 翻页控件 web 文件 FireFox 展示窗口滤镜名称计划创建源文件加减方法限制保护眼睛的电脑色颜色学习柱状图按钮查询居中留言特效 msn 工具留言板 FSO 左右全 input 链接 DropShadow 利用position把div放在flash上参数强聊安装包效果斜线相册文本框