【3.A.S.T】网络安全爱好者 - Powered by Discuz! Board

标题: 网页特效代码 [打印本页]

作者: 小七 时间: 2008-7-18 16:04 标题: 网页特效代码

一、最常用的代码
1、文字加粗倾斜的代码
*文字加粗的代码是: <b>你好</b> *文字倾斜的代码是: <i>你好！</i> *底线字：<u></u>

2、文字链接代码
如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，代码是这样：
<a href="http://www.stasp.com/index.asp";>制作指南</a>如果要点了这个文字以后重新打开一个窗口的话，代码是：<a href="地址";; target="_blank">九州在线</a>

3、在上放图片的代码
如果你看到一个好看的图片想放到上，代码是这样的：
<img src="http://www.stasp.com/siton.gif"; width="88" height="31">
后面的数字调节图片的尺寸大小。

4、图片链接代码
如果要点一下图片就能打开一个的链接代码是这样的：
<a href="http://www.stasp.com/index.asp";><img src="/jianzhan/UploadFiles_5934/200608/20060822214425846.gif"; width="150" height="100"></a>
如果要点一下图片就能打开一个的链接，并且重新打开一个窗口。代码是这样的：
<a href="http://www.stasp.com/index.asp";; target="_blank"><img src="/jianzhan/UploadFiles_5934/200608/20060822214425846.gif"; width="150" height="100"></a>上面的数字都能调节图片尺寸大小。
只显示图片代码: <img border=0 src="图片地址" height=100 width=100>

5、换行代码
如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
，这样就会分成两行显示，整个看起来也不会是一大片了，而是段落分明。

6、移动文字
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="1">
你想要的文字
</marquee>

7、移动图片的代码
<marquee><img src="http://es.tom.com/images/2002/gamemm/0604/s/36.jpg";><img src="http://es.tom.com/images/2002/gamemm/0604/s/13.jpg";><img src="http://es.tom.com/images/2002/gamemm/0604/s/30.jpg";><marquee>
把里面的图片地址换成你的就行想多放一个图片就按照格式在中间插入：
<img src="http://es.tom.com/images/2002/gamemm/0604/s/13.jpg";>
里面的图片地址自己定。
8.各种图片走动
图片连续循环滚动代码（向上、下、左、右）
向上：
<base href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">

<div id=demo style="overflow:hidden; width:128px; height:300px;">
<div id=demo1>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向下：
<base href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">

<div id=demo style="overflow:hidden; width:128px; height:300px;">
<div id=demo1>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>

<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向左：
<base href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">
<div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left

cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="gfjs.gif"><img

src="bxtt.gif"><img src="bzjd.gif"><img src="gfjs.gif"><img src="bxtt.gif"><img

src="bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向右：
<base href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">
<div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left

cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="gfjs.gif"><img

src="bxtt.gif"><img src="bzjd.gif"><img src="gfjs.gif"><img src="bxtt.gif"><img

src="bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

二、比较常用的代码

1. Flash代码 (写在日记内容里，或者在主页新模块的网址里) [代码中的Flash地址就是网上以.swf结尾的网址]
<embed src=’http://你的Flash地址’quality=high pluginspage=’http://www.macromedia.com/shockw ... sion=ShockwaveFlash’ type=’application/x-shockwave-flash’ width=330 height=240></embed>
注意: width=330 height=240 这个是指在模板上插入的FLASH的大小。 width=是宽度 height=是高度所有代码都是一样,可以自己修改下.

2. 背景音乐代码 (写在超级连接名称里) [代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址]
显示播放器: <EMBED src=http://你的音乐地址>
不显示播放器: <EMBED SRC=http://你的音乐地址 width="0" height="0" loop="true">

　　　　
3. 视频MTV代码 (写在网址处~也就是URL地址的地方) [代码中的视频文件地址就是网上以.rm结尾的网址]
<embed SRC=你的视频文件地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1
CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true>
↑高度 ↑宽度
还一个MTV代码也可用 <embed src=http://你的mtv地址> 这个只是不能调整大小.

4. 电台代码 [代码中的电台地址就是网上以.asp结尾的网址] （写在网址处就是URL地址处）
<embed SRC=你的电台地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true>
例如: (随自己喜欢,一些DJ电台好玩哦!)
mms://220.191.131.206/jxyinyue

5. 移动公告<marquee style="color:#3333FF;font-size:12px;line-height:17px;" direction="up" height="50" scrollamount="1" scrolldelay="615" onMouseOver="this.scrollDelay=500" onMouseOut="this.scrollDelay=1">歡迎光臨我的Ｑ-ＺＯＮＥ
<br>又说什么．
<br>这里又说什么.
<br>还要说什么．
<br>哈哈,没有了,自己想添加多少可以复制多行就可以了~~！
<br>这样明白吗?
</td></marquee>
注：
direction="up" 将UP改为down就是下移动,左left,右right```
font-size:12px　　字体大小
color:#3333FF 　　　字体颜色 #333FF

6.移动友情连接代码，跟上面一样可以修改！　　　　
<marquee direction=up height=150 scrollamount=1 scrolldelay=60 width="100%">
<img border=0 src="图片地址1"><br>
<img border=0 src="图片地址2"><br>
<img border=0 src="图片地址3"><br>
<img border=0 src="图片地址4"><br>
</marquee>
需要加多少自己加吧! 滚动上下左右修改方法跟上面移动公告一样!

7.天气预报:
<iframe scrolling=YES height=288 width=222 frameborder=0 marginHeight=0 marginWidth=0 src=http://minisite.qq.com/Weather/index.html></iframe>

8. 音乐播放:
<iframe src=音乐地址 frameborder=0 width=100% height=34>

<embed src="http://www.6kyx.com/Music/lz.wma" hidden autostart="true" loop="true">

9.网页中加入背景音乐
IE: <bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true>

10. 主页加flash时钟：
<EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src="flash时钟网址" width=200 height=200 type=application/x-shockwave-flash></EMBED>
　多种flash时钟地址：
http://www.fengzhuju.com/page-00s/wzgg/clocks.htm

11. 许愿代码：　　　　
<iframe name="jiro22" src="http://free.ecaifly.com/wish/wish.asp?user=kjmdiba" width="450" height="350"></iframe>

12. 百度: (大小都调好的,不错!)
<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="140" height="75" src="http://unstat.baidu.com/bdun.bsc?tn=kjmdiba&csid=105&rkcs=0&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&bdas=0">
</iframe>

13. 主页滚动新闻：如　CCTV代码：
<table border=0 cellspacing=1 cellpadding=0 width=’98%’>
<td valign="top"><div align="center">
<iframe src="http://www.stasp.com/index.asp"; name="express" width="354" height="16" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
</div>
</table>

14. 日历代码：　　　
<iframe name="jiro23" src=http://www.stasp.com/index.asp width="600" height="600"></iframe>
大小自己改

15. 插入网页代码： (整个都可以,这个代码灵活运用的话是很好的~~)
<IFRAME frameBorder=0 height=600 marginHeight=0 marginWidth=0 scrolling=yes src="网页地址" width=800></IFRAME>

16a. 设为首页代码：
1.<a style=cursor:hand onclick=this.style.behavior=’url(#default#homepage)’;this.setHomePage(’你空间的地址’)>设为首页</a>
2.<a href="" onclick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.shangpintang.com');return false;"><img src="images/index_04.gif" alt="设为主页" width="71" height="18" border="0"></a>
16b.收藏本站代码：
<a onClick="window.external.addFavorite('http://<%=BsWeb%>/','<%=BsCompanyName%>');return false;" href="http://<%=BsWeb%>/" target="mainFrame">收藏本站</a>

17. IP地址代码：
<iframe src="http://ip.91.com/ip/showip.asp?text=&bg=&line=2&scro=1&leng=140" frameborder="0" scrolling="no" width="160" height="36" marginheight="4" marginwidth="0"></iframe>

18. 星座占卜: 1
<iframe src="http://astro.qq.com/index/ladyastro.htm" width="200" height="320" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
　　星座占卜: 2
<iframe src="http://act1.astro.women.sohu.com/search/search.htm" width="200" height="320" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

19. 日历代码: 　　　　
　　红色时间日历代码：
<iframe scrolling=no height=170 width=165 frameborder=0 marginHeight=0 marginWidth=0 src=http://home.id666.com/user/420009598/disk/webdisk/55.html></iframe>
　　蓝色时间日历代码：
<iframe scrolling=no height=200 width=180 frameborder=0 marginHeight=0 marginWidth=0 src=http://www.8s8s.com/js/htm/time/date1.htm></iframe>

20. 弹出窗口代码:
进入腾讯QQ空间主页:q-zone.qq.com,用自己的QQ号和密码登陆（注意：不要点击＂进入我的空间＂）新建1个新窗口，在地址栏里输入 ("这里输入内容")</script> 然后按回车键，提示“修改成功”即可。

21. 时间代码1:
<IMG src="http://escati.linkopp.net/cgi-bin/clock.cgi?prgb=00ffff&timezone=GMT+0800" border="0" width="80" height="20">

　　时间代码2：
<iframe src="http://bjtime.cn/time/?color=ff0000&size=9pt&bg=ffffff&bold=0" width=200 height=20 frameborder=0></iframe>
参数说明：
color－字体颜色，默认为000000
size－字体大小，默认为18pt
bg－背景颜色，默认为ffffff
bold－是否粗体，1:是，0:不是，默认为1
width－显示区的宽度，请选择合适宽度
height－显示区的高度，请选择合适高度

　　时间代码3：
<embed src="http://biz.cnhoo.com/wz/test/top8.swf" quality="high" style="position: absolute; left: 20 top: 6; width:675px; height:208px" ;; wmode="transparent">

22.显示日期
<script language="javascript">
</script>

23.邮箱链接代码：
<a href="mailto:邮箱">邮箱名称</a>

</body>

欢迎光临【3.A.S.T】网络安全爱好者 (http://3ast.com/)