摸板特效篇

      我的日志 2007-5-26 18:15
搜集的代码不是完全适合新浪博客的,新浪不支持javascript,防恶意代码的,想用的朋友一般是用Iframe解决(参考1),我对这些小代码只是业余爱好而已,自己不会编写,有些朋友的问题,我会不会的都会去你的博客回复下,谢谢大家,一起探讨.
 
文章大部分为引用 博友 牧野风清文章
http://www.pkvs.com/texiao/ 网页特效站　个人推荐代码网站
 
我有时间会测试,过期的会通知,每个标题后面括号内是我使用情况
(新浪不怎么支持java,用Iframe,小心网页自动关闭,最好一次修改到位)
1.镶入整个网页的代码: 
<IFRAME align=center name=smsbrowse_18121_17 src="你的网址" frameborder=0 width="宽度" height="高度" 
scrolling="no"></IFRAME>

2.下雨的代码:
<center><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://www.cn898.net
/bg/6.swf width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"
 ;></center>

3.片片绿叶飞动的代码:
<center><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://www.cn898.net
/bg/fh/2/700.swf width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality=
"high" ;></center>

4.把图片设置为背景:
<body background="图片地址">

5.水滴特效代码：
<center><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://scount.jahee.com/model/fishandwaterflash/drip.swf width=700 height=400 type=application/
x-shockwave-flash wmode="transparent" quality="high" ;></center>

6.金鱼特效代码：
<center><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://www.52flash.net/upfile/fla/20043/200433118563782902.swf width=700 height=400 type=application
/x-shockwave-flash wmode="transparent" quality="high" ;></center> 

7.在网站中插入mediaplay视频
<EMBED src="http://diy.china001.com/telecom2/business.wmv"; width="499" height="356" type="audio/x-wav"
 loop="true" autostart="true"></EMBED>
注：如插文件档中，记住要在"html源码编辑器"中插入。上述代码中：src="视频地址" ，width="视频宽度" ，height
="视频高度" ,loop="true" 表示循环播放。

8.添加背景音乐
第一种：先下载，鼠标指向你喜欢的歌名（如：缘分天空），单击右键，选择目标另存为，单击左键，选择存储的位置
（如：我的文档）点保存。再上传，在网页制作系统里，点击浏览，选择你保存的歌曲文件名（如：yftk),点打开，
要上传的文件在浏览中出现，再点上传，点确定。（完成了下载上传）在网页编辑器中插入音乐：先将下面的代码 
<bgsound src="/wmdsh[1].rmi" loop="-1"> 复制并粘贴到插入Script代码中,在修改歌曲文件名，（将wmdsh[1]改为
yftk或其他你已经上传的歌曲文件名。注意，小点（.）不能去掉。）

第二种：直接将现成的代码 <bgsound src="******"; loop="-1"> 复制并粘贴到插入自定义区块中。

9.FLAHS动态主页代码
<center><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://www.cn898.net/
bg/5.swf width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;>
</center> 

高度height,宽度width随图大小可调    src="/ "; FLASH地址

10.网页中加入Flash的代码
<embed src="http://cartoonfile.163.com/source/47192/ai2.swf";width="400" height="400"> </embed> 

11.聊天室代码  (现在用晒网在线聊天就可以了,256内存下感觉不出速度变慢)
<script language="javascript"> <br> <!-- start of vp login script --> <script> function xsetcookie(name,
value){ documents.cookie=name+"="+escape(value); } function EnterRoom(){ if ( this.document.loginform.
UserID.value == ""){ alert('用户代号不能为空'); return; } window.open('','vpchat','fullscreen=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable
=1'); this.document.loginform.submit(); } function xGetCookie(Name) { var search = Name + "=" var return
Value = ""; if (documents.cookie.length > 0) { var offSet = documents.cookie.indexOf(search); if (offSet 
!= -1) { // if cookie exists offSet += search.length; // set index of beginning of value end = document.
cookie.indexOf(";", offSet); // set index of end of cookie value if (end == -1)end = documents.cookie.length; returnvalue="/unescape(documents.cookie.substring(offSet," end)); } } return returnValue; } </script><form 
name="loginform" target="vpchat" id="Form1" method="post" action = "http://vchat.xihai.net/login.aspx";>
 <p> 昵称： <input type="text" name="UserID" size="20" > <br> 密码(可无)： <input type="password" name=
"UserPass" size="20" > <br> <input type="hidden" name="RoomID" value='zh918' size="20" > <br> <input 
type="button" value= '进入房间' onclick=javascript:EnterRoom()></p> </p> </form> <!-- end of vp login 
script --> 

12.一款顶部动态图代码
<CENTER> <EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://www.cn898.net
/bg/10.swf width=600 height=250 type=application/x-shockwave-flash wmode="transparent" quality="high" ;>
</CENTER>
<center><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://www.cn898.net/
bg/9.swf width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;>
</center>

13.在背景图片上写字代码
<table background="图片" width=100% height=100%>
<tr>
<td>
文字内容
</td>
</tr>
</table>

14.阴影文字的特殊效果
1、第一种效果[修改要显示的文字即可]

<div style="left:290;width:350; font-size:15pt; font-family: Arial ; color: red; position: relative; filter:
blur(add=1, direction=45, strength=3)">网页制作特效百宝箱</div>

2.第二种效果[修改要显示的文字即可]

<div style="left:290; width:350; font-size:15pt; font-family: Arial ; color: red; position: relative; filter:
glow(color=ffff00, strength=5)">网页制作特效百宝箱</div>

3.第三种效果[修改要显示的文字即可]

<div style="left:290;width: 350; font-size:15pt; font-family: Arial ; color: red; position: relative; filter:
dropshadow(color=000000, offx=3, offy=3, positive=1)"> 网页制作特效百宝箱</div>

15.改变IE地址栏的IE图标
要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下并在首页＜head＞＜/head＞
之间加上如下代码：

　　＜link REL = "Shortcut Icon" href="/index.ico"＞

16.邮箱登陆代码    (这个好象是网页过期了,大概要换代理吧,也就是蓝色网址部分)
<form name="loginmail" onsubmit="return chkinput2(this);" action="http://2000x.com/send_mail.asp"; method
="post" target=_blank>
<table align="center" width="100" border="0">
<tr>
<td align="center">
账号：<BR> <input type="text" name="user" size="12" class="input1"> <BR>
密码：<BR> <input type="password" name="pass" size="12" class="input1"> <BR>
请选择您的邮局：<BR><select name="site"> <BR>
<option value="" selected>选择信箱</option>
<option value="/21cn.com">@21cn.com</option>
<option value="/163.net">@163.net</option>
<option value="tom.com">@tom.com</option>
<option value="/163.com">@163.com</option>
<option value="/vip.163.com">@vip.163.com</option>
<option value="/sohu.com">@sohu.com</option>
<option value="/263.net">@263.net</option>
<option value="/sina.com">@sina.com</option>
<option value="/vip.sina.com">@vip.sina.com</option>
<option value="mail.china.com">@mail.china.com</option>
<option value="/china.com">@china.com</option>
<option value="/263.net">@netease.com</option>
<option value="/yeah.net">@yeah.net</option>
<option value="/etang.com">@etang.com</option>
<option value="fm365.com">@fm365.com</option>
<option value="/yahoo.com.cn">@yahoo.com.cn</option>
<option value="/xinhuanet.com">@xinhuanet.com</option>
<option value="/126.com">@126.com</option>
<option value="/qs163.com">@qs163.com</option>
</select> <BR>
<input type="submit" name="s1" class="button1" value=" 登陆邮箱 ">
</td>
</tr>
</table>
</form>

17.网页防复制代码(经常有朋友问这个,我简单做个说明,新浪不支持javascript,我用Iframe语句解决的,就是整个网页都镶嵌在新浪的博客文章内.
<SCRIPT LANGUAGE=javascript>
function click() {
alert('需要复制，请与站长联系！') }
function click1() {
if (event.button==2) {alert('需要复制，请与站长联系！') }}
function CtrlKeyDown(){
if (event.ctrlKey) {alert('不当的拷贝将损害您的系统！') }}
document.onkeydown=CtrlKeyDown;
document.onselectstart=click;
document.onmousedown=click1;
</SCRIPT>

18.IE地址栏前换成自己的图标
<link rel="Shortcut Icon" href="favicon.ico">

说明：关于favicon.ico文件的制作。你可以先在FW中做一个图片，属于你自己站点一个小图标。然后在ACD see将文件
属性改为*.ico，然后将你做的*.ICO文件传到你的服务器目录中，然后就可以使用以上代码来实现，当别人登陆你的站
点时，地址栏里使用的就是你自定义的图标了。

19.可以在收藏夹中显示出你的图标
<link rel="Bookmark" href="favicon.ico">

说明：制作方法和上面的一样。只是显示的方式不同，这个是在别人收藏你的网页地址时显示的个性图标。

20.您在本站观赏了  分  秒

您已经在本站观赏了  分  秒
在爬山虎那里看到的不错的小技巧，可以参考：
http://spaces.msn.com/members/huangmj/Blog/cns!1pB4_US3q-4ElAZk8eanGEAg!2060.entry

代码:

<DIV><SPAN>您已经在本站观赏了 <IMG src="http://storage.msn.com/x1pGHpas_o48lnoYv3Wtf0YLnI2ex9RBQtxh2MOTtTh2nt0kiLi3m05QjJK_1CD7tMIlhB96ozLtpvWdk5KFDoNVxI1YEBzZ6N8R_ZI5XzGGYyfhrAU83aHWwoR52hOKjpYIy2DW-CmCxfXPeDxLtLRHw"></IMG> <IMG src="http://storage.msn.com/x1pGHpas_o48lnoYv3Wtf0YLnI2ex9RBQtxh2MOTtTh2nubRgYRRpgxEf38bLfqhBKuMiyBg5zmK8-rcZH3MXu-2QM-XRh53t-xs8IkmeGdIztMyg9eNkJvRbe-Jp-L3YDBeaOH9MFnd0kSbvh9V0pyRA"></IMG> 分 <IMG src="http://storage.msn.com/x1pGHpas_o48lnoYv3Wtf0YLnI2ex9RBQtxh2MOTtTh2ntttKbnx1rudAaCTm6ZU3BuhXpZ0G5xJeeLooz7Mi3VbspikWvVGUjYSM6ckq6pvgYsotLUS6kEgPECMLgNQK2pLuyFhyiDvkFp6JzeRUu_Bw"></IMG> <IMG src="http://storage.msn.com/x1pGHpas_o48lnoYv3Wtf0YLnI2ex9RBQtxh2MOTtTh2nv4DiYFl1JFm-2hqt94848FU2XMyJB544U7YaWxfXByz611dnBB6Vwfx6YKIvV89gAcFZW1rb8_hzh5_ZGXgRLMtLsFWrLEqJSEs_xv5kiZUg"></IMG> 秒</SPAN></DIV>
<DIV><SPAN><FONT face=楷体_GB2312>在爬山虎那里看到的不错的小技巧，可以参考：<BR>http://spaces.msn.com/members/huangmj/Blog/cns!1pB4_US3q-4ElAZk8eanGEAg!2060.entry</FONT><BR></SPAN></DIV>

21.如何在图片左右插上文字

把图片放在文字的左边

<P><IMG height=201 hspace=30 src="图片连接地址" width=154 align=left border=0><FONT face=Arial>如果</FONT></P>

要想把图片放在右侧,

<P><IMG height=201 src="图片连接地址" width=154 align=right  border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P>

22.如何在日志中添加背景音乐

背景音乐代码语句如下:
 
<P><IMG height=0 loop=infinite dynsrc=您的音乐地址 width=0 border=0></P>
 
注意:音乐地址跟width之间有个空格,尽量把它放在置顶日志,要使用mp3、mid、wma等作为背景音乐,建议用百度搜索连接最快的音乐.
 
23.在的bolg中填加qq留言
你希望人家在看你的blog 的时候及时和你沟通吗？如果希望的话，就认真看完这个帖子，那样或许你能很好的解决这个问题哦~~
首先来到你的blog的代码设计窗口输如下面这段代码
<div align=center><a href="http://wpa.qq.com/msgrd?
V=1&Uin=你的qq号&Site=hexun.com/bolgerbao&Menu=yes" target=blank><img height=30
alt=我在这呢！ src="http://wpa.qq.com/pa?p=1:136888298:13" width=138
border=0></a> </div>
然后点保存修改就可以了，然后你就可以在你的blog中看见图案

24.播放FLASH
把FLASH檔案，直接更改副檔名為WMA, WMV, WAV, AVI, MPG, MPEG, MP3其中一種格式。
範例：
1.一個FLASH 的檔案名稱為visit.swf，點(.)的前面visit為檔案名，點(.)的後面swf為副檔名。swf為Flash檔案類型的格式。
2.現在更改swf副檔名為wmv副檔名。FLASH的檔案名稱由visit.swf 變成 visit.wmv。
 
 

25.自动播放代码

<embed src=歌曲地址 width=200 height=50 type=audio/mpeg loop="true" autostart="true">

　　代码说明：loop="true"表示无限次循环 loop="false"表示自由控制播放次数。等号后面也可以换成任何阿拉伯数字。height="高度值" width="宽度值" 这些同样可以自由调控。


 PS:做网页的朋友不用很多特效的,虽然现在机器配置都好很多了,但访问者第一看重的还是浏览速度,有句广告词说的相当不错----简约而不简单

标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}