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

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

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

以下为详细代码

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

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

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

相关阅读: JS操作Cookie记录; asp版图形验证码，可自定义点阵信息，支持字符扭曲、倾斜、倾斜; 石家庄长兴国际旅行社; 景点门票预订商建站解决方案; javascript 表单(文本框)触发鼠标事件大全; 非常酷的javascript实现万年历功能; ASP.NET常用的三十三种实用代码(上); web2.0 div+css 设计中一些标准化学习指南

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

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

返回顶部发表评论

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

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

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

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

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

更多>>最新添加文章: 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗; aliyun阿里云续费域名优惠口令(注册、续费都可以使用); windows7环境下安装配置jdk; python对微信操作要用到这两个库wxpy与itchat; ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明; DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: asp正则表达式替换HTML源文件里的链接地址; 旅游网站的企业站自定义功能完成。; 超级实用且不花哨的js代码大全( 7 ); dreawmeaver中鲜为人知的小秘诀,让你制作网页更加随心所欲.; 深山旅行社网站管理系统 v1.7; CSS语法在DW中无效的解决方法

更多标签热门标签

word-spacing filter pr xhtml 默认高度容器 confirm 深山旅游网站管理系统V1.0 windows 圆角限制弹出许愿界面适应注册表换行许愿墙 clear 树型叛断 optgroup FSO exe 县框 cookies 源码读取站长无限分隔符柱状图不对齐下载 DOCTYPE alert dt 应用组件垂直脚本文本框导航邮箱顶部单选处理做标 JavaScript实现文本框提示效果