返回论坛首页联系我们论坛帮助
>> 上网、制帖学习的好地方。想在网上露几手吗?到这里来看看
搜一搜相关精彩主题 
动网先锋论坛知青大学网页特效 → 常用代码


您是本帖的第 3150 个阅读者
树形 打印
标题:
常用代码
笨笨牛
帅哥哟,离线,有人找我吗?
等级:管理员
文章:1889
积分:6471
门派:无门无派
注册:2005年8月31日
楼主
 点击这里发送电子邮件给笨笨牛 访问笨笨牛的主页

发贴心情
常用代码

常用代码


对于网页代码来说,许多应用都是相通的,这里给大家提供的一些常用代码,在我们的论坛也可以应用。

一、最常用的代码
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 width="157" height="21">你想要的文字</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";>
里面的图片地址自己定。


二、比较常用的代码

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">歡迎光臨我的Q-ZONE
<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>


16. 设为首页代码:
<a style=cursor:hand onclick=this.style.behavior=’url(#default#homepage)’;this.setHomePage(’你空间的地址’)>设为首页</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.*****/wz/test/top8.swf" quality="high" style="position: absolute; left: 20 top: 6; width:675px; height:208px" ;; wmode="transparent">



22.显示日期
<script language="javascript"><!--
today=new Date();
var week; var date;
if(today.getDay()==0) week="星期日"
if(today.getDay()==1) week="星期一"
if(today.getDay()==2) week="星期二"
if(today.getDay()==3) week="星期三"
if(today.getDay()==4) week="星期四"
if(today.getDay()==5) week="星期五"
if(today.getDay()==6) week="星期六"
date=(today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"+" "
document.write("<span style='font-size: 9pt;'>"+date+week+"</span>");
// -->
</script>


23.邮箱链接代码:
<a href="mailt邮箱">邮箱名称</a>
邮箱如:ttt@163.com  邮箱名称可以是中文也可以是其它


是的,我们没有也不可能改变社会,但是我们可以努力改变自己的人生。
ip地址已设置保密
2007/4/20 9:39:07
白云悠悠
美女呀,离线,留言给我吧!
等级:版主
文章:1986
积分:15574
门派:无门无派
注册:2005年11月18日
2
 点击这里发送电子邮件给白云悠悠

发贴心情

图片文字走四方的代码

<MARQUEE scrollAmount=15 direction=down behavior=alternate height=500>
<MARQUEE scrollAmount=12 behavior=alternate width=970><IMG src="http://images.blogcn.com/2006/4/18/6/lxhpqj,20060418105317.gif"><BR><FONT color=#ff6000 size=3><B>走四方路迢迢</B><IMG src="http://images.blogcn.com/2006/4/18/6/lxhpqj,2006041810554.jpg">   </FONT></FONT></MARQUEE></MARQUEE>


走四方路迢迢   

谢谢牛主的提示,是应该发上一些单独的代码。

ip地址已设置保密
2007/4/20 15:08:57
白云悠悠
美女呀,离线,留言给我吧!
等级:版主
文章:1986
积分:15574
门派:无门无派
注册:2005年11月18日
3
 点击这里发送电子邮件给白云悠悠

发贴心情

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

牛主,这个代码发不出来。


ip地址已设置保密
2007/4/20 16:18:55
白云悠悠
美女呀,离线,留言给我吧!
等级:版主
文章:1986
积分:15574
门派:无门无派
注册:2005年11月18日
4
 点击这里发送电子邮件给白云悠悠

发贴心情

图片垂直翻转代码

<DIV  style="FILTER: Flipv(); WIDTH: 400px; HEIGHT: 270px" width="400">
<P align=center><IMG src="http://www.zhaoni.cn/files/bbs/upload/7/95327.gif"></P></DIV>



ip地址已设置保密
2007/4/20 22:05:04
白云悠悠
美女呀,离线,留言给我吧!
等级:版主
文章:1986
积分:15574
门派:无门无派
注册:2005年11月18日
5
 点击这里发送电子邮件给白云悠悠

发贴心情

立体边框代码

<TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c;
BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE:
ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c;
BORDER-BOTTOM-STYLE: ridge" height=380 cellSpacing=5 cellPadding=5 width=470
border=14><TBODY><TR><TD><br><br></TR></TBODY></TABLE>




ip地址已设置保密
2007/4/20 22:17:30
白云悠悠
美女呀,离线,留言给我吧!
等级:版主
文章:1986
积分:15574
门派:无门无派
注册:2005年11月18日
6
 点击这里发送电子邮件给白云悠悠

发贴心情
阴影字体代码
<DIV style="FILTER: shadow(color=#9932cc,strength=50); WIDTH: 500px; HEIGHT: 100px"><B>
<CENTER><FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=#9932CC); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" color=#44bb5c><B>艺无止境<BR>学海无涯</B></FONT></CENTER></B></DIV>
艺无止境
学海无涯

ip地址已设置保密
2007/4/21 21:04:27
白云悠悠
美女呀,离线,留言给我吧!
等级:版主
文章:1986
积分:15574
门派:无门无派
注册:2005年11月18日
7
 点击这里发送电子邮件给白云悠悠

发贴心情

    阴影移动荧光字体代码
<MARQUEE style="FONT-SIZE: 18pt; FILTER: glow(color=green); WIDTH: 270px; COLOR: #00ffe4; FONT-FAMILY: 楷体_GB2312; HEIGHT: 290px; LINE-: 25" scrollAmount=2 direction=up width=270 height=290 FONT align="bottom">
<DIV align=center><FONT face="Times New Roman"><FONT size=6>1967<FONT face=楷体_GB2312>年夏天</FONT><STRONG> ... </STRONG></FONT></FONT></DIV>

1967年夏天 ...

ip地址已设置保密
2007/4/21 21:12:20
白云悠悠
美女呀,离线,留言给我吧!
等级:版主
文章:1986
积分:15574
门派:无门无派
注册:2005年11月18日
8
 点击这里发送电子邮件给白云悠悠

发贴心情

        网页动态字体代码
<P align=center>
<MARQUEE scrollAmount=4 direction=down height=50>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#000000); WIDTH: 88%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书; HEIGHT: 71px" face=隶书 size=7><B>湖南知青欢迎你</B></FONT></CENTER></MARQUEE></P>
<P align=center>
<MARQUEE scrollAmount=4 direction=up height=50>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#000000); WIDTH: 88%; COLOR: #ffc000; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书; HEIGHT: 71px"><B>网页特效欢迎你</B></FONT></CENTER></MARQUEE></P>

湖南知青欢迎你

网页特效欢迎你


ip地址已设置保密
2007/4/21 21:17:22
日落部族
帅哥哟,离线,有人找我吗?
等级:版主
文章:2947
积分:20497
门派:无门无派
注册:2006年6月17日
9
 点击这里发送电子邮件给日落部族

发贴心情
<CENTER>
<MARQUEE scrollAmount=4 direction=down height=103>
<CENTER><FONT face=华文彩云 color=#ff0000 size=14><B>湖南知青欢迎你</FONT></CENTER></B></MARQUEE></CENTER>
<CENTER>
<MARQUEE scrollAmount=4 direction=up height=103>
<CENTER><FONT face=华文彩云 color=#009966 size=14><B>网页特效欢迎你

湖南知青欢迎你
网页特效欢迎你




ip地址已设置保密
2007/4/21 23:40:35
白云悠悠
美女呀,离线,留言给我吧!
等级:版主
文章:1986
积分:15574
门派:无门无派
注册:2005年11月18日
10
 点击这里发送电子邮件给白云悠悠

发贴心情

图片垂直相对代码

<TABLE border=0>
<TBODY>
<TR>
<TD style="WIDTH: 286px" background=http://www.aid123.com/UploadFile/2005-9/200592914253240828.jpg height=438></TD></TR></TBODY></TABLE>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Flipv" width=286 background=http://www.aid123.com/UploadFile/2005-9/200592914253240828.jpg height=438></TD></TR></TBODY></TABLE>


ip地址已设置保密
2007/4/22 21:05:31

 14   10   1/2页      1   2   尾页 
湘ICP备05003987号
网上贸易 创造奇迹! 阿里巴巴 Alibaba
Copyright ©2000 - 2005 Aspsky.Net
页面执行时间 0.18750 秒, 4 次数据查询