您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习园地>>>制作教程>>>网页技巧特效代码
网页技巧特效代码
发表日期:2005/7/5 0:06:00 出处:转贴 作者:未知 发布人:diewu 已被访问 3925
 

网页技巧特效代码:


透明FLASH的使用方法:

网页中flash的透明,其实和flash本身没有什么关系。
只需要将flash文件插入网页中,然后查看html代码。关于flash的代码通常是这样的:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[url]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"[/url]; width="640" height="480">
<param name="movie" value="rain.swf">
<param name="quality" value="high">
<embed src="rain.swf" quality="high" pluginspage="[url]http://www.macromedia.com/go/getflashplayer"[/url]; type="application/x-shockwave-flash" width="640" height="480"></embed>
</object>

我们只需要在<param name="movie" value="rain.swf">之前加入一段代码:
<param name="wmode" value="transparent">
就实现了flash的透明效果。

对于下载区flash的下载方法,在“点击下载”链接上单击右键,选择“目标另存为”就可以了。

---------------------------------------------------------------------------------------

简单的说,就是

<embed src="填上你喜欢的 透明FLASH的地址" width="760" height="570" quality="high" align="right" style="position: absolute; left: 18; top: 20" ;; wmode="transparent">

这段插入HTML里就可以了

width="760"      代表长度           height="570" 代表宽度

简单的举个金鱼的FLASH例子

<BODY><embed src="http://web.love37.com/jsubb/303.swf" width="600" height="800" quality="high" align="right" style="position: absolute; left: 100; top: -412" ;; wmode="transparent">
</BODY>

大家可以将上面的一小段代码插入自己的叶子中。就可以看到效果了

=================================================================

合成的透明FLASH 使用说明:

一笑要告诉你们哦`,如果你们想让特效使的一张图片变的更逼真也可以这样使用:

只需建一个表格,表格背景设为你要合成的图片,表格可依图片大小调整,

另外还可折分单元格,

后在表格中插入FLASH,将FLASH背景设为透明就可以了,当然还可用于

整个网页,那就要看你的创意了,当然你也可以插入多个FLASH

参考代码如下:

<TABLE style="WIDTH: 538px; HEIGHT: 280px" background=你要设为背景

的图片 border=0>
<TBODY>


<TR>


<TD><EMBED style="WIDTH: 217px; HEIGHT:

239px" src=透明FLASH网址   type=application/x-shockwave-flash meacock

wmode="transparent" quality="high">

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

后你可在可视化编缉方式下对单元格及FLASH进行调整

合成效果就是这样子的:

     

将留言本或是论坛 嵌入自己的主页

在建设叶子的时候呢。我们常常会觉得自己的留言本不够美观

只要你将下面的代码插入HTML编辑部分就可以使用你自己所喜欢的留言本了..^_^

方法有两种:

第2种

<iframe src="要嵌入网页的网址" width="558" height=600 marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="auto"></iframe>

============================================

第1种

<IFRAME BORDER="0" width="650" height="360" src="你的[x-book]地址" frameborder="0" name="x_book" hspace="0" vspace="0" marginwidth="0" marginheight="0"></IFRAME>

 

在主页里使用背景.音乐(图片)

     1. 如何贴rm,ra,ram类型的音乐,代码如下:
<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="http://guest.anyp.cn/uploads/01.rm";>

  2. 如何贴midi,asf,wma,asx类型的音乐,代码如下:
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid";>

      3.<bgsound src="你的歌曲地址" loop="-1">

我们一般使用的音乐,我觉得第三种代码可以使用

如果在编辑完毕的时候没有听到背景音乐,可能是以下几种原因:

1、音乐地址错误,误把html结尾的网址当成是音乐的地址。
2、音乐文件太大,需要很长时间才能播放。

  加入一段在线音乐播放代码,推荐使用:<IFRAME marginHeight=0 src="http://www.yqchina.com/play.htm"; frameBorder=0 noResize width=540 scrolling=no height=25></IFRAME> 将此代码放入网站合适地方,将24小时不间断放歌,次代码由清风网络电台提供 


关于背景图片的使用

有关背景图片

方法一:文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了

     也可以用代码:
<TABLE height=600 width=600 background=你的背景图片地址 border=0>
<TBODY>
<TR>
<TD>你的主体内容</TD></TR></TBODY></TABLE>

方法二:
<body background=你的背景图片地址 bgcolor="#00FFFF">>
但是这个方法不是每一个模板都合适,在ANYP空间里只适合于某些版块哦!!~~

 

 

网业制作的一些普通代码
 

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;"                  防止复制

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

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

7.  <input style="ime-mode:disabled">                           关闭输入法

8.  永远都会带着框架
<script language="javascript"><!--
  if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>

9.  防止被人frame
<SCRIPT LANGUAGE=javascript><!--
  if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

10. <noscript><iframe src=*.html></iframe></noscript>     网页将不能被另存为

11. <input type=button value=查看网页源代码
onclick="window.location = ''''''''''''''''view-source:''''''''''''''''+ ''''''''''''''''http://www.csdn.net/&#39;">

12. 怎样通过asp的手段来检查来访者是否用了代理
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then
response.write "<font color=#FF0000>您通过了代理服务器,"& _
"真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
end if
%>

19. 检查一段字符串是否全由数字组成
<script language="javascript"><!--
function checkNum(str){return !/\D/.test(str)}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>

20. 获得一个窗口的大小
document.body.clientWidth,document.body.clientHeight
document.body.offsetWidth,document.body.offsetHeight
有时还需要知道window.screenTop,window.screenLeft

21. 怎么判断是否含有汉字
if (escape(str).indexOf("%u")!=-1) alert("含有汉字");
else alert("全是字符");

22.TEXTAREA自适应文字行数的多少
IE 5.5+ 可以用 overflow-y:visible
<textarea rows=1 name=s1 cols=27 style="overflow-y:visible">
</textarea>

23. 日期减去天数等于第二个日期
<script language=javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var d = new Date(dd.replace("-","/"))
d.setDate(d.getDate()+dadd)
alert(d.getFullYear() + "年" + (d.getMonth() + 1) + "月" + d.getDate() + "日")
}
cc("2002-2-28",2)
</script>

不过,我提醒大家哦。这里的某些代码,有时候我们并不必要放进主页

我曾经在某些站站里留言,某些站长将留言版关闭输入法,或是不准用CTRL建`使的朋友留言想换输入法都很麻烦

所以,不必要的时候不要用某些代码`

 

 

将主页的导航栏覆盖住 (转贴)

其实,覆盖主页导航栏和覆盖首页一样,非常简单,但是必须有耐心。

下面一我的主页的模板制作为例:(因为模板不一样,第一步就不一样)

必须的准备工作:右键点击你的主页导航栏的背景,=>背景另存为(S),将图片存到电脑里,然后看其属性:尺寸(...X...)然后将这个图片上传到你的主页里,它就有了自己的地址,直接点击anyp模板的导航栏背景的属性是不可用的,也没有显示尺寸。不一样的模板,导航栏的背景图片的尺寸是不一样的。

1.创建表格A,尺寸(127x600)(宽X高)背景图片:就是你自己上传的图片的地址,这样才可以使覆盖后的效果完美无缺,和整个主页更相溶。另外说明:不一样的模板,导航栏的背景图片的尺寸是不一样的,所以表格A的尺寸的宽度就不一样拉,有宽127 的137 的....

2.在背景表格A上再创建一个表格B,(125X600)呵呵,就是125,没有错,这样不会使背景表格变形,因为有边框粗细。表格B多少行就看你的需要了。
3.在表格B上加你想加的东西把,你可以创建图片链接,文字链接,LOGO,......
4.祛除表格A的边框,这样这样才可以使覆盖后的背景和原背景水乳交融,顺利接轨,双击表格A,将表格“边框粗细”设置为 0 。
5.点击“HTML代码编辑” 按钮,看到很多代码把,把这段代码 <DIV id=Layer1 style="Z-INDEX: 8; LEFT: 0px; WIDTH: 1007px; POSITION: absolute; TOP: 0px; HEIGHT: 750px"> 放入所有代码的前边,再把这段代码 </DIV> 放入所有代码的后边,点击“确定” 终于大功告成了,呵呵,简单吧。

补充:这样你就可以覆盖主页的任何的一部分拉,甚至整个主页,其实很简单,就可以突破模板上定位的限制,left top 指离上边和左边的距离,position 是定义层定位的方式,absolute是指绝对定位,width height 定义层的大小 就是宽和高,z-index 指层的z顺序,值越大就放在越上面,可以覆盖值小的层

 

 

将首页覆盖住,特效代码使用
由于我们的网页基本上都使用的是模板,所以每个元素的显示,都是预先安排好的,这就抹杀了很多人的积极性,因为如果可以随你自己的意愿来安排的话,就会让我们的页面体现很多的个性,可以在模板的基础上进行第二次创作
我经过研究,终于想到了一个好办法 那就是用层,层在网页元素定位的中占有很重要的地位,现在一般大的网页,正规的网页都是使用表格定位,我们的模板我估计也是,为什么是估计,我没有仔细分析过,层就是有个好处,如果我们采用绝对定位的话,就可以让我们在任何地方显示任何东西了
解释一下:
层的属性定义主要是在style里面
z-index 指层的z顺序,值越大就放在越上面,可以覆盖值小的层
left top 指离上边和左边的距离
position 是定义层定位的方式,absolute是指绝对定位
width height 定义层的大小 就是宽和高 层是一个矩形
这样 这个代码插进去 然后调整一下层的位置,把它调整到合适的地方你想要显示网页元素的地方,就可以了 然后把要显示的内容插入 <div></div>之间就可以了。
其实很简单,就可以突破模板上定位的限制,我所有不按模板显示的元素都采用了这个方法,呵呵 就是在调整位置的时候,要多试几次,把位置调整好 就可以了

作首页的代码:
<DIV id=Layer1 style="Z-INDEX: 8; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 405px; HEIGHT: 44px">这里加入首页的背景图片</div>


大小可以调整 left和top分别是距左边和上边的距离^_^

第一步,你需要的是做一个首页图片,用来当背景图片用

第二步,将图片加入页面中

第三步:加入连接

你插入好背景图片后,就可以开始加入你首页的连接了

第4步,测试

做了这么多,前面的代码有什么用啊,在你加入了连接后,你在点击HTML代码编辑,是不是出现了很多代码然后,在把最上面的代码中的首页图片前面的代码 <DIV id=Layer1 style="Z-INDEX: 8; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 405px; HEIGHT: 44px"> 放在刚刚你做的代码前面, 这个 </div> 就放在后面,

这个时候,如果你做的没什么问题的话,应该就会出现首页

注意事项:因为如果你做了首页后,你网站的首页的内容将无法得到显示,所以请将首页内容转移别处

 

 

 

自动弹出页面

嘻嘻,这个偶最喜欢了,如果有什么节日`,你可以用记事本本编辑好,制作一个小小的网页当节日礼物送给浏览你站站的朋友,给他一个惊喜..当他打开你的站站的时候,就会自动跳出这个页面`只要把那个地址插入代码中即可

 <script language="JavaScript">
window.open("
http://xieyixiao.anyp.cn/")
</script>

 

 

 

无边框的广告窗口(可自动关闭)

这个小窗口再几秒钟后会自动关闭,当然你可以自己设置好时间``你可以将写好广告!~当别人打开你的站站的时候就可以看到你想要向别人推荐的广告框了!`

<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
adTime=6;  //关闭窗口等待的时间

chanceAd=1;
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);
adCount=0;
function initAd(){
        if(!ns && !ie && !w3) return;
        if(ie)                adDiv=eval(''''''''''''''''document.all.sponsorAdDiv.style'''''''''''''''');
        else if(ns)        adDiv=eval(''''''''''''''''document.layers["sponsorAdDiv"]'''''''''''''''');
        else if(w3)        adDiv=eval(''''''''''''''''document.getElementById("sponsorAdDiv").style'''''''''''''''');
        randAd=Math.ceil(Math.random()*chanceAd);
        if (ie||w3)
        adDiv.visibility="visible";
        else
        adDiv.visibility ="show";
        if(randAd==1) showAd();
}
function showAd(){
if(adCount<adTime*10){adCount+=1;
        if (ie){documentWidth  =document.body.offsetWidth/2+document.body.scrollLeft-20;
        documentHeight =document.body.offsetHeight/2+document.body.scrollTop-20;}
        else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;
        documentHeight=window.innerHeight/2+window.pageYOffset-20;}
        else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;
        documentHeight=self.innerHeight/2+window.pageYOffset-20;}
        adDiv.left=documentWidth-200;adDiv.top =documentHeight-200;
        setTimeout("showAd()",100);}else closeAd();
}
function closeAd(){
if (ie||w3)
adDiv.display="none";
else
adDiv.visibility ="hide";
}
onload=initAd;
</script>
<div id="sponsorAdDiv" style="visibility:hidden">
<table width="450" height="350" bgcolor="008000"><tr><td>
<table width="445" height="345" bgcolor="F0FFF0"><tr><td>
<center>welcome to www.jojo.net!<BR><BR>这个窗口将在5秒后自动关闭</center>
</td></tr></table></td></tr></table></div>
 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



夏雨
(2006/10/19 16:13:00) [60.0.34.]

感谢蝶舞老师,我从你这里学到不少东西.只是还有许多不明白的地方.这里是我的学习课堂.感谢,再次感谢.


夏雨
(2006/10/19 16:10:00) [60.0.34.]

不明白如何把图片设为背景,然后在图片背景上编辑文字,以及把透明FLASH贴到图片上,就是透明效果与图片合成一体.我怎么做都是井水不犯河水.如你这篇一样,背景是有小图案的,如何出来的这个效果?

 发表评论:共有 2 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)
不要有太多奢求,不要计较太多是与否,给你一片无忧的天空,做你永远的朋友

蝶舞家园文学娱乐网 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ25177948 联系人:蝶舞天涯 所有言论纯属发贴者个人意见,不代表蝶舞家园立场