Java技巧(一):会变色的超链接
来源:互联网 发布:php websocket详解 编辑:程序博客网 时间:2024/05/17 02:20
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
这是一篇告诉你该如何在你的页面里运用Javascript,让你能够轻松的做出很专业的网页特效来,重要的是这里所提供的脚本程序大部分不需要修改就可以直接加入到主页中,很有即插即用的味道,省去了你费尽心思编写程序的时间,好让您有更多的精力投入到页面的设计中去!(咦?怎么没有人鼓掌?)
好了,开始吧,本次的目标是:会变色的超链接。实例演示
在网页中的超链接文字都是一成不变的颜色,设置后无法改变,以下的脚本就是让超链接文字连续变换多种颜色,有点霓虹灯的效果。代码如下:
<script language="JavaScript">
<!-- Begin
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"#000000","#0000FF","#80FFFF","#80FF80","#FFFF00","#FF8000","#FF00FF","#FF0000"
);
delay = 100
link = 0;
vlink = 0;
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance()",delay);
}
linkDance();
// End -->
</script>
说明:
以上代码需要加入在主页HTML文件的<body></body>标签内;
本特效将对所有该页面上的所有超链接文字起作用;
代码中的“#000000”等是颜色的十六进制位值,
对应的有:黑:00000;蓝:#0000FF;浅蓝:#80FFFF;绿:#80FF80;黄:#FFFF00;桔:#FF8000;紫:#CC00CC;红:#FF0000
其实,我建站的时间不算太久,刚刚半年而已。照理说,就这点资历根本够不上写这个小段儿,但是俗话说:一瓶水不响,半瓶水逛荡。我这小半瓶水要是不响一响实在是难受。趁着高手们都不在家我就赶紧琢磨着把那点压箱底的东西拿出来和大家探讨探讨,觉的我写的好的话,来点鼓励吧!希望真正的高手看了以后不要笑的太大声哦^_^(昙馨工作室 大力丸 http://robincat.126.com) <script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
· 大力丸·这是一篇告诉你该如何在你的页面里运用Javascript,让你能够轻松的做出很专业的网页特效来,重要的是这里所提供的脚本程序大部分不需要修改就可以直接加入到主页中,很有即插即用的味道,省去了你费尽心思编写程序的时间,好让您有更多的精力投入到页面的设计中去!(咦?怎么没有人鼓掌?)
好了,开始吧,本次的目标是:会变色的超链接。实例演示
在网页中的超链接文字都是一成不变的颜色,设置后无法改变,以下的脚本就是让超链接文字连续变换多种颜色,有点霓虹灯的效果。代码如下:
<script language="JavaScript">
<!-- Begin
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"#000000","#0000FF","#80FFFF","#80FF80","#FFFF00","#FF8000","#FF00FF","#FF0000"
);
delay = 100
link = 0;
vlink = 0;
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance()",delay);
}
linkDance();
// End -->
</script>
说明:
以上代码需要加入在主页HTML文件的<body></body>标签内;
本特效将对所有该页面上的所有超链接文字起作用;
代码中的“#000000”等是颜色的十六进制位值,
对应的有:黑:00000;蓝:#0000FF;浅蓝:#80FFFF;绿:#80FF80;黄:#FFFF00;桔:#FF8000;紫:#CC00CC;红:#FF0000
其实,我建站的时间不算太久,刚刚半年而已。照理说,就这点资历根本够不上写这个小段儿,但是俗话说:一瓶水不响,半瓶水逛荡。我这小半瓶水要是不响一响实在是难受。趁着高手们都不在家我就赶紧琢磨着把那点压箱底的东西拿出来和大家探讨探讨,觉的我写的好的话,来点鼓励吧!希望真正的高手看了以后不要笑的太大声哦^_^(昙馨工作室 大力丸 http://robincat.126.com) <script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
- Java技巧(一):会变色的超链接
- 主页“超链接变色”的技巧
- 会变色的框架
- 单击超链接背景变色
- 超链接点击变色设置
- 鼠标经过超链接上,元素(li)背景变色的代码
- 鼠标经过超链接上,元素(li)背景变色的代码
- 增加略过超链接的上面图片一起变色
- 实现点击超链接<a>标签,点击的标签变色,标注
- 练习:超链接的单选效果 表格隔行变色
- 鼠标经过区块会变色的实验
- 会变色的背景透明NSButton
- 新窗口打开超链接的技巧
- javaScript精华(1)--超链接变色字体预览图片技术
- 简单的css效果原理(一)之边框变色
- 客户端早会 每日一享(关于需要动态更换图片的接口处理技巧?)
- javascript(一)--显示超链接的文字注释
- GridView中使用超链接的技巧
- Java程序员的存储过程
- javascript的键盘控制事件
- JDBC学习笔记(保持更新)
- JavaScript 的数据类型
- 关于PreparedStatement接口的一个测试
- Java技巧(一):会变色的超链接
- Interview: Emmanuel Bernard on the Bean Validation specification
- 第一个JDBC程序
- DHTML工具栏,Web点击更精彩(4)--使用按钮
- JDO之前世今生
- DHTML工具栏,Web点击更精彩(1)
- JavaScript的脆弱性
- 利用weblogic的数据源作为hibernate的数据源的例子
- 加快 DHTML 的一组技巧