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

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

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

以下为详细代码

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

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

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

相关阅读: 利用window.open函数控制弹出窗口,设置个性的弹出窗口; 非常酷的javascript实现万年历功能; 微信小程序-接入广告; div+css设置列表li超出部分显示省略号; 连云港智慧树旅游; Javascript JS 限制复选框的选择个数(2); 取得鼠标所在位置的对象; 一个美化了的alert效果，非常不错。

共有0条关于《网页链接十字显示就像CAD十字做标一样,效果非常好》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

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

更多>>随机抽取信息: 连云港看网; 诸城市龙马假日旅行社; 公众号被动回复与客服接口主动推送音乐封面缩略图ThumbMediaId不显示bug问题; Appium获取手机分辨率 & 自适应设备下滑刷新; Dreamweaver在onLoad运行_onOpen.htm时,发生了以下javascript错误; 判断用户注册密码强度的JS代码

更多标签热门标签

缩小组件 split mssql 十字 css 透明列表渐变 div 千位模板 weatherxml 右键 max instr meta hidden px optgroup position VBScript 墙个人标语左右全 input csss Excel 配色 dd DW ResponseXML 框移链接 css 样式信息关闭用户体验 png 比例万年历等高心情绝对排版忧化 html 许愿高度 2003