实用代码《一》透明、文章加音乐、图片些文章、滚动字幕、动画背景特效、全屏、朦胧
>首页 -> 社会专题 -> 代码效果 [ 录入者:佚名 | 时间:2012-01-24 | 作者: | 来源: | 浏览:821次 ] 改变字体:【

实用代码《一》

1、透明背景图片代码

<div style="LEFT: 180px; POSITION: absolute; TOP: 200px"

align="right"><img style="FILTER: alpha(opacity=90,

finishOpacity=0,style=2)" src="图片地址" /></div>

注解: style=风格(共有4种) right=靠右 left=靠左. 

FILTER=滤镜.TOP=图片顶端离页面最上端距离 

opacity=95”指图片起始透明度,有效范围“0~100” 

finishOpacity=0”指图片结束透明度,有效范围“0~100”

 漂亮的美女图片转换特效及代码

原始代码:

  <table bgColor=#000000>

<tr>

<td>

<div style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 500px; POSITION: relative; TOP: 0px; HEIGHT: 375px"><?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /><t:SEQ repeatCount = "indefinite"><t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 500px; POSITION: absolute; TOP: 0px" src = "http://img4.pcpop.com/PicImages/480x480/0/174/000174700.jpg" dur = "9" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "barndoorwipe" dur = "8"></t:TRANSITIONFILTER></t:MEDIA><t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 500px; POSITION: absolute; TOP: 0px" src = "http://img4.pcpop.com/PicImages/480x480/0/174/000174702.jpg" dur = "9" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "barwipe" dur = "8"></t:TRANSITIONFILTER></t:MEDIA></t:SEQ></div></td>

</tr> </table>

2、文章加背景音乐代码

<embed src=音乐链接地址 width=200 height=50 type=audio/mpeg loop="true"

autostart="true">

3、图片过滤效果代码

<IMG src="图片地址" style="FILTER: Alpha(Opacity=80,style=2)" border=0>

(style=2表示模糊类型,1表示从左往右渐变模糊,2如图效果,3表示四周渐变模

糊)

4、在文章中加入FLASH

1、进入“发表文章”,在文章输入内容的下方,有“设计”、“代码”、“预览”三个选项,点击“代码”。

2、输入或复制粘贴以下代码

<P align=center><EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src="SWF文件网址" width=480 height=360 type=application/x-shockwave-flash quality="high"></P>

说明 :在“SWF文件网址”处粘贴你所选择的FLASH地址

3、点击设计,已经可以看到头部的动画效果了,开始写你的博文吧。OK!

7、全屏网页代码

全频完整代码: 

<TABLE id=wwds style="LEFT: -220px; WIDTH: 980px; POSITION: relative; TOP: 80px" cellSpacing=60 align=center background=背景图片属性地址 border=0>

<TBODY>

<TR>

<TD>

2、网站发全屏代码:必须修改图片地址

<CENTER>

<TABLE id=wwds cellSpacing=0 cellPadding=5 width="50%" bgColor=#000000 background=http://yuandi.com/wysc/zheng/12/babylovetile.jpg border=0>

<TBODY>

<TR>

<TD width="100%">

<DIV align=center></DIV></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TR></TD></TD></TR></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TR></TD></TD></TR></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TR></TD></TD></TR></TABLE></TD></TR></TBODY></TR></TD></TD></TR></TABLE>

<STYLE>body {background-image:url(http://yuandi.com/wysc/zheng/12/babylovetile.jpg ); width=1100 height=800 background-repeat:no-repeat; background-position:center;background-attachment: fixed}</STYLE>

3、在网站发网页的全屏代码(高度自己修正)

<BR>

<CENTER> </CENTER></TD></TR></TBODY></TABLE><IFRAME marginWidth=0 marginHeight=0 src="添加网页地址" frameBorder=0 width=1020 scrolling=no height=2890></IFRAME>

<CENTER><STRONG><FONT face=Arial size=2></FONT><o></CENTER><BR> 

4、7.0或6.0论坛发代码帖子用的全屏代码 :(在贴子前加一组代码就能发全屏了 )

</tr></td></table></tr></td></table>

5、7.0论坛发网页基本上通用的全屏代码 :(data=网页地址>)

<P><BR><BR><BR><BR><BR><BR><BR><BR></P>

<DIV style="LEFT: -180px; WIDTH: 800px; POSITION: relative; TOP: 90px"><BR>

<OBJECT id=data height=0 width="100%" data=网页地址></OBJECT></DIV><BR><BR><BR><BR>

<P></P><BR> 

6、发边框地址的全频代码:<BR>

<CENTER>

<TABLE id=wwds style="LEFT: -223px; WIDTH: 138%; POSITION: relative; TOP: 150px" cellSpacing=0>

<TBODY>

<TR>

<TD>

<OBJECT height=1400 width="100%" data=帖子地址></OBJECT>

<CENTER></CENTER></TD></TR></TBODY></TABLE>

<DIV></DIV></CENTER><BR><BR><BR><BR>

7、发连接的代码:

<FONT color=#e61abd><FONT size=5><A href="连接地址" target=_blank>显示文字--网页课堂</FONT></FONT></P>

8.单张图片全频代码

<TABLE id=wwds style="LEFT: -150px; WIDTH: 600px; POSITION: relative; TOP: 30px" height=450 cellSpacing=0 align=center background=http://bbs.680.cn/UploadFile/2005-4/2005469402198635.jpg border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE><BR><BR>

</td></tr></table>

文字移动代码

<TABLE borderColor=#8b008b height=375 cellSpacing=5 cellPadding=5 width=500 background=http://pic2.iecool.com/shiliang/renwu/shishang/shishang2_019.jpg border=10>

<TBODY>

<TR>

<TD>

<P align=center><marquee direction=up behavior=scroll width=400 height=190 scrolldelay=80 scrollamount=3><font color=red size=+2 face=华文新魏>在这里插入文字</font></marquee></p>

</TD></TR></TBODY></TABLE>

说明:

direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

behavior=移动方式, scroll 一圈一圈绕着走, slide 只走一次, behavior=alternate 来回走

width=宽度height=高度scrolldelay=速度scrollamount=位移

老先生可以去这里看看:http://tinfeng.ttsite.com/read.php?tid-6617002.html

 有些朋友急于速成美化自己的博客,尤其是看了别人的空间如此的漂亮~下面我就讲讲如何快速简单的在自己的博客里加图片拉丝效果代码入FLASH。

代码:

<TABLE border=0 style="width:240px;height:360px">

<TBODY><TR><TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" background="http://blog.deepin.org/attachment/Mon_

0805/584_1e07b0d3663ce6b.png" />

</TD></TR> 

原始代码说明:

1.add=true 表示打乱对象;   Freq 参数指生成波纹的频率,

也就是指定在对象上共需要产生多少个完整的波纹  

LightStrength 参数是为了使生成的波纹增强光的效果。

参数值可以从0到100 Phase 参数用来设置正弦波开始的偏移量。

这个值的通用值为0,它的可变范围为从0到100。

这个值代表开始时的偏移量占波长的百分比。

比如该值为25,代表正弦波从90度(360*25%)的方向开始。 

1、登陆和讯,点击“进入我的家”。

2、“个人设置搜狐综合性新闻的代码:

搜狐综合性新闻的代码:

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscne002.html?uid=73916&fid=scscne002'></iframe>

输新浪新闻代码:

新浪新闻代码:

<TABLE cellSpacing=1 cellPadding=0 width="98%" border=0>

<TBODY>

<TR align=middle>

<TD align=middle bgColor=#ffffff colSpan=15 height=30><IFRAME border=0 name=sina_roll 

marginWidth=0 marginHeight=0 src="http://news.sina.com.cn/o/allnews/input/index.html" 

frameBorder=No width="100%" scrolling=no height=15></IFRAME></TD></TR></TBODY></TABLE>

<iframe height=16 marginHeight=0 src="http://www.cctv.com/homepage/46/index.shtml" frameBorder=0 width=354 name=express marginWidth=0 scrolling=no ;></iframe>

 有些朋友急于速成美化自己的博客,尤其是看了别人的空间如此的漂亮~下面我就讲讲如何快速简单的在自己的博客里加入FLASH。

1、登陆和讯,点击“进入我的家”。

2、“个人设置”里点击“自定义HTML”。

3、输入模块名称(随意写)。

4、哪都别动,只在空白的框里输入我提供给你的代码(复制粘贴去吧)。

金鱼背景

<EMBED style="RIGHT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px; HEIGHT: 1600px" align=right src=http://www.gxblk.com/flash/jinyu.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>

5、上面这个FLASH的背景是金鱼的,如果你想换其他的,可以把http://www.gxblk.com/flash/jinyu.swf 的换成其他FLASH的地址就可以了。

6、点击保存。好了,自己去看看你的页面变化吧,成功了回来告诉我一声(随意写)。

4、哪都别动,只在空白的框里输入我提供给你的代码(复制粘贴去吧)。

金鱼背景

<EMBED style="RIGHT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px; HEIGHT: 1600px" align=right src=http://www.gxblk.com/flash/jinyu.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>

5、上面这个FLASH的背景是金鱼的,如果你想换其他的,可以把http://www.gxblk.com/flash/jiny点击保存。好了,自己去看看你的页面变化吧,成功了回来告诉我一声

6、动画背景特效

想让自己的门户/博客变得更有动感、更漂亮吗?那么插入透明的Flash动画

背景特效,将是很多朋友的选择,比如我的门户/博客头部飘动的白云就是加入了

透明的Flash动画背景。

其实,要实现这种特效很简单哦!下面就简单介绍一下。

实现透明Flash背景特效的代码 

代码为:

<object type="application/x-shockwave-flash" style="POSITION: 

absolute;TOP:10px; left:0px"  width="756" height="1000">

<param name="movie" value="http://imgfree.21cn.com/free/flash/113.swf">

<param name="wmode" value="transparent"></object> 

或者为:(选择其中之一即可)

<EMBED style="LEFT: 10px; POSITION: absolute; TOP: 10px" 

src=http://imgfree.21cn.com/free/flash/113.swf width=680 height=1500 

type=application/x-shockwave-flash ; quality="high" 

wmode="transparent"></EMBED>  

代码用途解释:

1)LEFT: 10px--表示距离左边10px,可根据你的需要自行设置;

2)TOP: 10px--表示距离顶端10px,可根据你的需要自行设置;

3)width="756" height="1000"--表示透明Flash的宽和高,可根据你的

Flash特点自行设置;

4)value="http://imgfree.21cn.com/free/flash/113.swf"或者

src=http://imgfree.21cn.com/free/flash/113.swf--表示你的透明Flash链接

地址,将红色部分替换成你喜欢的Flash链接地址即可;(下面提供了很多精美的

Flash,供选择,呵呵!)

5)wmode="transparent"或“<param name="wmode" value="transparent">

”代表背景透明。

将你的修改好后的代码,放置在和讯自定义HTML模块中保存即可。

②如何加入透明Flash背景: 

代码格式:<embed src="Flash地址"; width="画面宽度" height="画面高度" quality="high" wmode="transparent" align="center" style="position: absolute; left:0; top:0"> 

此代码为插入透明flash代码,其中 width="" 为flash的宽,height="" 为 flas的高,left: 为从左向右移的位置,top: 为从上向下移的位置 

举例说明: <embed src="http://lain1978.com/collection/flash/fish.swf 

"; width="800" height="600" quality="high" wmode="transparent" align="center" style="position: absolute; left:0; top:0"> 

代码加到副标题上 

8、朦胧图片代码

<IMG 

src="http://photo6.hexun.com/p/2007/0505/94637/m_28C70AFE9C2F72175CBBEB

609837E9DB.jpg " width=500 height=375 style="filter:Alpha

(opacity=100,style=2);">

9、背景图片加动画代码

<P align=center><BR><BR>

<TABLE style="WIDTH: 500px; HEIGHT: 395px" borderColor=#4f3256 align=center background=http://photo8.hexun.com/p/2007/0915/129302/b_91315A1647214891C01D152B1ED9112C.jpg border=0>

<TBODY>

<TR>

<TD style="FILTER: alpha(opacity=100,style=3)">

<P><IMG style="WIDTH: 489px; HEIGHT: 338px" height=249 alt="" hspace=0 src="http://img331.imageshack.us/img331/7025/oxzpuh4.gif" width=330 align=absMiddle border=0>

<P align=center><EMBED src=width=300 height=45 type=audio/mpeg loop="-1" autostart="ture" volume="0"></P>

</TD>

</TR>

</TBODY>

</TABLE>

</P>

 

网页制作实用技巧 

1. oncontextmenu="window.event.returnvalue=false"

将彻底屏蔽鼠标右键 

<table border oncontextmenu=return(false)><td>no</table> 

可用于Table 

2. <body onselectstart="return false">

取消选取、防止复制 

3. onpaste="return false" 

不准粘贴 

4. oncopy="return false;" oncut="return false;" 

防止复制 

10. <noscript><iframe src=*.html></iframe></noscript> 

网页将不能被另存为 

1、禁止另存为

<NOs cript><IFRAME SRC=-.html></IFRAME></NOs cript>

加入HEAD里

3、让页面文字不被选中和复制

<body onselectstart="return false">

<body oncopy=alert('对不起,禁止复制!');event.returnvalue=false;>

4、锁定状态栏文字防止显示地址

<body onmouseover="self.status='文字';return true">

7、禁止图片下载

在<body......>这里的最后加入:

oncontextmenu="return false" ondragstart="return false" onselectstart="return false" scroll="auto"

02.让你的网页无法另存为

<noscript><iframe src=*></iframe></noscript> 

03.让IFRAME框架内的文档的背景透明

<iframe src="about:<body style='background:transparent'>" 

allowtransparency></iframe>

四、禁止右键复制的代码

<script language="java script">

function click() {

if (event.button==2) {

alert('小样,又来偷东西了?嘿嘿,被我抓到了吧,从今天起,你就是我舍府的低等下人,9527就是你的终生代号……')

}

}

document.onmousedown=click

</script>

破解不可以复制的文章的方法 :

,找到浏览器的“工具-Internet选项(O)... -安全(选项卡)-把“安全级-中”调成“安全级-高” 然后 点“刷新” 这回你会发现,文章可以复制了,如果不希望复制了,再改为“安全级-中”。

11. <input type=button value=查看网页源代码 

onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'"> 

2.水中倒影效果 

<img id="reflect" src="你自己的图片文件名" width="175" height="59"> 

<script language="java script"> 

function f1() 

setInterval("mdiv.filters.wave.phase+=10",100); 

if (document.all) 

document.write('<img id=mdiv src="'+document.all.reflect.src+'" 

style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') 

window.onload=f1 

</script> 

9.鼠标一碰就给颜色看的链接 

在<body></body>之间加上如下代码: 

<p onMouseMove="anniu()">你敢碰我,我就给点颜色你看!</p> 

<Script Language = "VBScript"> 

sub anniu 

document.fgColor=int(256*256*256*rnd) 

end sub 

</Script>

09.嵌入网页

<iframe name="tt" src="01a.html" width="450" height="287" 

scrolling="Auto" frameborder="0"></iframe>

您看到此篇文章时的感受是:
Tags:代码 责任编辑:佚名
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
更多
上一篇特效文字代码收集 下一篇CSS网页布局的常用规范
版权申明: 本站不上传及存储任何影音、图片及有版权的文件,内容均收集及采集自互联网第三方,尤其是各大影音及大型网站的分享平台, 由于系统采集缺陷,难免有疏忽版权及其他问题。如有侵权,请留言、评论或EMAIL告知,待本站修正。

最新文章

热门文章

推荐文章

密码: (新用户注册)

手机扫描

空间赞助

快速互动

论坛互动
讨论留言

有事联系

有哪个那个什么的,赶紧点这里给DOVE发消息

统计联系

MAIL:gnlt@Dovechina.com
正在线上:

版权与建议

任何你想说的