站长学习标题关闭所有内容预览 | 展开所有内容预览
-
判断浏览者分辨率的同时进入相应页面的脚本
[内容预览]
17 | 2006-04-25 09:23:31
判断浏览者分辨率的同时进入相应页面的脚本，示例中800×600进入网易，640×480进入搜狐，1024×768进入新浪。这样就可以做适应多种分辨率的页面了，其中页面链接可以设定。 制作方法： 在<head>标签下，粘贴代码，修改链接即可：<scriptlanguage="JavaScript1.2"><!--...
[阅读全文]
-
超酷链接效果 Flame text
[内容预览]
19 | 2006-04-25 09:23:26
一个酷酷的链接效果，尤其是当链接很多的时候，感觉犹如水银泄地，大家看看演示就明白它的出色之处了。颜色可以通过js文件进行修改！制作方法：在页面<head>~</head>中链接Script外部文件：fadehome.js<scriptlanguage=Javascriptsrc="fadehome.js"></scri...
[阅读全文]
-
透明渐变弹出菜单的制作
[内容预览]
24 | 2006-04-25 09:23:23
非常漂亮的一个菜单脚本，代码也不复杂，用透明渐变来实现，渐变的速度可调。制作方法：在页面<head>~</head>中加入代码：<SCRIPTlanguage=javascript>varintDelay=30;//设置菜单显示速度，越大越慢varintInterval=5;functionMenuClick(){if...
[阅读全文]
-
制作自动关闭的窗口
[内容预览]
23 | 2006-04-25 09:23:18
配合在弹出窗口中，自动关闭窗口会显示出很好的作用。制作方法：在页面<head>区域加入代码：<scriptlanguage="JavaScript"><!--functioncloseit(){setTimeout("self.close()",5000)//单位是毫秒，这里是5秒}</script>代码中：setTi...
[阅读全文]
-
[图文] 滚动的复合图片制作方法
[内容预览]
37 | 2006-04-25 09:23:15
在新浪或搜狐网站的两侧看到过用图层复合的图片滚动效果吧？呵呵，其实很容易学的，请看下面：制作方法：将下面的代码复制到<head>~</head>里，并下载fubiao.js文件：<scriptlanguage=JavaScriptsrc="fubiao.js"></script>注意：在fubiao.js文件中的第6行...
[阅读全文]
-
[图文] 使用CSS滤镜revealTrans制作图片渐显效果
[内容预览]
55 | 2006-04-25 09:23:13
图片渐显效果，麻麻点点的渐渐显示效果。制作方法：将下面的代码复制到<head>~</head>里：<scriptfor=windowevent=onLoadlanguage=vbscript>image1.filters.item(0).apply()image1.filters.item(0).transition=...
[阅读全文]
-
状态栏文字显示
[内容预览]
14 | 2006-04-25 09:23:11
状态栏文字显示大家看得多，但有些的是当你鼠标点击链接时就会失去这个功能。有些朋友希望能够利用这个功能来实现不让访客查看到链接的路径，那么你使用这个方法就可以达到您的要求：制作方法：将下面的代码复制到<head>~</head>里：<scriptlanguage=JavaScript><!--varmessage='欢迎...
[阅读全文]
-
展开式的弹出窗口
[内容预览]
16 | 2006-04-25 09:23:09
网页上的弹出窗口见得多了，但是没有什么很新颖的效果来显示其过程。你学完这个实例后你就会感觉并不是那么回事，可让你的弹出窗口也活动起来。制作方法：将下面的代码复制到<head>~</head>里:<scriptlanguage=JavaScript>functionexpandingWindow(website){var...
[阅读全文]
-
[图文] 图片渐显渐隐效果
[内容预览]
25 | 2006-04-25 09:23:07
响应鼠标事件的图片渐显渐隐效果，很多站点都采用这种方法：制作方法：<scriptlanguage=JavaScript1.2><!--functionhigh(which2){theobject=which2highlighting=setInterval("highlightit(theobject)",40)}fu...
[阅读全文]
-
[图文] 黑白渐隐的图片效果
[内容预览]
34 | 2006-04-25 09:23:05
我们介绍过图片渐显渐隐效果的制作方法，这里又有一种类似的黑白渐隐的图片效果，看效果预览！制作方法：请下载pic.js文件！将下面的代码复制到<head>~</head>里：<scriptlanguage=Javascriptsrc="pic.js"></script>在每个<imgsrc="http://www.5dm...
[阅读全文]
-
Slide show 的制作
[内容预览]
32 | 2006-04-25 09:23:02
用于图片展示的一个脚本，图片之间的切换使用了各种的过场效果。制作方法：将下面的代码复制到<head>后：<scriptlanguage="JavaScript1.1">varphotos=newArray()varphotoslink=newArray()varwhich=0//定义图像.可以有多张图像，图像必须有相同...
[阅读全文]
-
[图文] 图片马赛克的另一个变化Pix slideshow
[内容预览]
34 | 2006-04-25 09:23:00
我们在前面已制作一个图片马赛克的制作（详见：图片马赛克变化效果Picmosaic的制作）。这次我们来制作图片马赛克的另一个变化，这次用它来进行图片的轮显，速度可调节，而且图片可夹带链接。制作方法：将下面的代码复制到<head>后：<scriptlanguage="JavaScript1.1"><!--//指定轮显的间隔...
[阅读全文]
-
页面中图片漂浮 Floating picⅢ 的制作
[内容预览]
34 | 2006-04-25 09:22:55
最新的图片漂浮脚本，这次的变化在于它不是单纯的在某个页面飘动，而是会垮页面飘动，也就是说你打开别的页面，它依然会存在，优先级是第一的，而且如果最小化所有窗口，它还会在桌面飘动，让你不胜其烦。制作方法：将下面的代码复制到<body>后：<SCRIPTLANGUAGE="JavaScript1.2"><!--//1)指定图...
[阅读全文]
-
双击鼠标页面自动滚屏的制作
[内容预览]
20 | 2006-04-25 09:22:53
如果观阅的网页非常长，使用鼠标双击，可以自动滚屏，效果非常实用！请双击本页面观看效果！！制作方法：将下面的代码复制到<body>后：<SCRIPTlanguage=JavaScript>varcurrentpos,timer;functioninitialize(){timer=setInterval("scrollw...
[阅读全文]
-
模仿帮助文件中词语注释脚本的制作
[内容预览]
15 | 2006-04-25 09:22:47
模仿windows帮助文件中词语注释的脚本，效果很逼真，能够变化的地方很多，内容可以夹带链接，很不错！制作方法：先建立外部样式，并建立外部样式的链接。下载外部样式文件，代码如下：A.helpLink{COLOR:#999999;font-size:10px;TEXT-DECORATION:none;font-famil...
[阅读全文]
-
[图文] 注释图层的制作
[内容预览]
16 | 2006-04-25 09:22:44
看见过这种方式用来做图片注释的吗？效果看上去是不是一点也不呆板，再刷新，你会发现他有多种效果的哦！制作方法：将下面的代码复制到<head>~</head>：<styletype=text/css>.article{BORDER-RIGHT:#3940731pxsolid;PADDING-RIGHT:3px;BORDER...
[阅读全文]
-
[图文] 轮番变化的图片广告脚本效果
[内容预览]
21 | 2006-04-25 09:22:42
不用刷新就会轮番变化的图片广告脚本效果，图片的转换效果是随机的，有些趣味性，而且图片本身都是带有链接和图片说明的，图片说明都显示在状态栏里，图片数量可增减，是个不错的脚本。制作方法：将下面的代码复制到<head>后：<SCRIPTlanguage=Javascript>varbannerAD=newArray();va...
[阅读全文]
-
选择并复制文本域表单内容效果的制作
[内容预览]
37 | 2006-04-25 09:22:39
提交表单项的效果，点击按钮后会把textarea中的文字全选并且拷贝到剪贴板，方便浏览者的一个脚本。制作方法：将下面的代码复制到<head>后：<scriptlanguage="Javascript"><!--//specifywhethercontentsshouldbeautocopiedtoclipboard(m...
[阅读全文]
-
[图文] 制作仿 Flash 的图片渐变效果
[内容预览]
42 | 2006-04-25 09:22:37
新发现的一个效果更出色的图片透明渐变，这次的效果新增了触发初期的高光闪动，更接近flash的效果！制作方法：把代码加到<head>和</head>中，下载flashimg.js文件<SCRIPTlanguage=Javascriptsrc="flashimg.js"type=text/javascript></SCRI...
[阅读全文]
-
使用CSS改变表格边框样式
[内容预览]
28 | 2006-04-25 09:22:34
用CSS改变表格边框样式，很实用的一种方法。制作方法：将下面的代码复制到<body>~</body>里，此为隐藏下边框<tableborder="1"cellpadding="0"cellspacing="0"style="border-collapse:collapse;border-bottom-width:0"b...
[阅读全文]
-
环绕鼠标移动的三条彩色光束
[内容预览]
21 | 2006-04-25 09:22:32
制作方法：将下面的代码复制到<body>~</body>里。<scriptlanguage="JavaScript"><!--//Choosecoloursandsizeofeffect!!vara_Colour='7285CF';varb_Colour='7285CF';varc_Colour='7285CF';va...
[阅读全文]
-
滚动式超链接的制作
[内容预览]
16 | 2006-04-25 09:22:29
简单的文字链接的滚动效果。制作方法：将下面的代码复制到<head>~</head>里：<scriptlanguage="JavaScript"><!--vara,b,go,word;functiongreenlight(word){a="欢迎访问It365cn.com！";word.style.color="red";...
[阅读全文]
-
[图文] 制作随表格拉伸的背景图
[内容预览]
126 | 2006-04-25 09:22:26
制作页面时，有时需要在表格内插入背景图，类似于http://www.it365cn.com/counter.asp、http://www.it365cn.com/about.asp，我们可以使用CSS进行控制，代码：style="background-image:url(./images/counter_bg.jpg)...
[阅读全文]
-
[图文] 制作页面漂浮图片的效果
[内容预览]
49 | 2006-04-25 09:22:23
首先请在<head></head>之间粘贴CSS：#superball{position:absolute;left:0;top:0;visibility:hide;visibility:hidden;width:40;height:40;}然后在<body></body>之间粘贴Script代码：<scriptlan...
[阅读全文]
-
制作类似于Title、ALT的提示效果
[内容预览]
23 | 2006-04-25 09:22:21
在网页中，有时我们将鼠标移到图片上，或者文字链接处，会出现文字型的提示信息。一般制作这样的效果极为简单，只需在图片代码中加入<Alt="文字提示信息">或者在文字链接代码中加入<Title="文字提示信息">。仔细观察一下，感觉出现的信息总有时间上的停顿。如何制作类似于It365cn.com首页文字超链接的提示信息的效...
[阅读全文]
-
普通弹出窗口简易制作
[内容预览]
19 | 2006-04-25 09:22:19
以前我们曾介绍过制作弹出窗口的制作方法，网上也有过类似于制作的方法介绍。其实在实际工作中，我发现，不必为每个链接定义一代码，这样可以减少很多的重复代码。只需预先使用JS定义好弹出窗口的属性，在链接处引用一下就能简单的制作出效果来。制作方法：在<body>中，预行定义属性代码：<SCRIPTlanguage=JavaSc...
[阅读全文]
-
[图文] 制作鼠标移至图片从模糊变清淅的效果
[内容预览]
31 | 2006-04-25 09:22:16
请点击效果页面观看效果……制作方法：在<head></head>插入JS代码：<SCRIPTlanguage=JavaScript1.2><!--functionc_opacity(cur,number){if(number>=0||number<=100)cur.filters.alpha.opacity=numbe...
[阅读全文]
-
制作在状态栏动态提示超链接地址的效果
[内容预览]
19 | 2006-04-25 09:22:14
一般我们将鼠标移到超链接，IE浏览器的状态栏会出现该链接的详细地址。这篇文章，介绍是如何制作在状态栏动态提示超链接地址的效果，动态效果非常眩。制作方法：在<body>中插入Javascript代码：<SCRIPTLANGUAGE="JavaScript"><!--Beginvardata="0123456789";va...
[阅读全文]
-
图片提示效果的另类制作
[内容预览]
24 | 2006-04-25 09:22:12
曾经在一号工作室看到过的一个脚本，那时根本没有心情去仔细研究，现在看了看感觉效果不错，可以产生图片提示，这样的脚本站内有很多，可是我还是放上来了，多一种脚本多一种选择嘛，而且我也精简了代码，去掉了很多无用的东西，并且解决了一号工作室里不能存在链接的问题，应该是比较完美的版本了。制作方法：新建样式：BODY{OVERFL...
[阅读全文]
-
无提示信息禁止鼠标右键的脚本
[内容预览]
15 | 2006-04-25 09:22:09
一个禁止鼠标右键菜单的脚本，并少了提示警告！制作方法：在<body>标签下，粘贴代码：<scriptlanguage=JavaScript><!--varmessage="";///functionclickIE(){if(document.all){(message);returnfalse;}}functioncl...
[阅读全文]
