网页制作特效代码精华集锦(1) 不指定

jed , 2006-9-7 08:19 , 代码编程 , 评论(0) , 阅读(3729) , Via 本站原创 | |
插入flash的代码

****************************************************

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="35">
       <param name="movie" value="swf/ncdzu.swf">
         <param name="quality" value="high">
         <param name="wmode" value="transparent">
         <embed src="swf/ncdzu.swf" width="760" height="35" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
   </object>

******************************************************

关闭窗口的代码

*****************************************************

<A  href="javascript:window.close()"><FONT color=#ff6600>关闭窗口</FONT>

*****************************************************

显示时间的特效代码

*****************************************************

<SCRIPT language="JavaScript">
<!-----------
  var enabled = 0;   today = new Date();
  var day;   var date;
  if(today.getDay()==0)     day = "星期日"
  if(today.getDay()==1)     day = "星期一"
  if(today.getDay()==2)     day = "星期二"
  if(today.getDay()==3)     day = "星期三"
  if(today.getDay()==4)     day = "星期四"
  if(today.getDay()==5)     day = "星期五"
  if(today.getDay()==6)     day = "星期六"
  document.fgColor = " FF0072";
  date1 = "<font size=2 color=red>" + (today.getYear())  + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日  " + "</font>";
  date2 = "<br><font size=1 color=red>" +  day + "</font>";
  document.write("<center>" + date1.fontsize(3) + date2.fontsize(3) + "</center>");
 
//----->
</SCRIPT>

********************************************************

背景变色的特效代码

********************************************************

<td onMouseOver=this.style.backgroundColor='#E7FBFF';return true; onMouseOut=this.style.backgroundColor='';return height="21"><img src="image/icon1.gif" width="31" height="11">

********************************************************

轮流播放图片效果

********************************************************

制作方法:
  1. 在<head>中插入代码:
<script language='javascript'>
isns = navigator.appName == "Netscape";
//定义播放图片张数
img1=new Image()
img2=new Image()
img3=new Image()
img4=new Image()
img5=new Image()
//图片路径、文件名
img1.src='images/circul-side.gif'
img2.src='images/css-manual.gif'
img3.src='images/kpt7.jpg'
img4.src='images/msn.jpg'
img5.src='images/ps-logo.jpg'
nn=1
function change_img()
{
eval('document.pic.src=img'+nn+'.src');
nn++;
if(nn>5) nn=1
if(!isns)
{
pic.filters.item(0).apply()
pic.style.visibility='visible'
pic.filters.item(0).play()
setTimeout("pic.style.visibility='hidden'",4000);
}
else
document.pic.visibility='visible'
tt=setTimeout('change_img()',4000)
}
</script>
  可以在代码中按照中文介绍,修改相关信息。
  2. 在<body>中加载:<body onload="change_img();">
  3. 插入第一张图片,并命名:id="pic"
  插入代码:style='visibility:hidden;filter:revealtrans(duration=2.0,transition=12)'
  参考图片代码:
  <img src="images/circul-side.gif" name="pic" width="120" height="90" id="pic" style='visibility:hidden;filter:revealtrans(duration=2.0,transition=12)'>

  制作完成。

********************************************************

弹出页面特效代码

********************************************************

<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
 window.open(theURL,winName,features);
}
window.open('http://211.64.32.2/music/zhaosheng.htm','movie');
//-->
</script>

*******************************************************

各种网页媒体播放器代码及详解

******************************************************

<object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
   <param NAME="AutoStart" VALUE="-1">
   <!--是否自动播放-->
   <param NAME="Balance" VALUE="0">
   <!--调整左右声道平衡,同上面旧播放器代码-->
   <param name="enabled" value="-1">
   <!--播放器是否可人为控制-->
   <param NAME="EnableContextMenu" VALUE="-1">
   <!--是否启用上下文菜单-->
   <param NAME="url" VALUE="http://download.xaonline.com/music/huangpy/lover/HPY01.wma">
   <!--播放的文件地址-->
   <param NAME="PlayCount" VALUE="1">
   <!--播放次数控制,为整数-->
   <param name="rate" value="1">
   <!--播放速率控制,1为正常,允许小数,1.0-2.0-->
   <param name="currentPosition" value="0">
   <!--控件设置:当前位置-->
   <param name="currentMarker" value="0">
   <!--控件设置:当前标记-->
   <param name="defaultFrame" value="">
   <!--显示默认框架-->
   <param name="invokeURLs" value="0">
   <!--脚本命令设置:是否调用URL-->
   <param name="baseURL" value="">
   <!--脚本命令设置:被调用的URL-->
   <param name="stretchToFit" value="0">
   <!--是否按比例伸展-->
   <param name="volume" value="50">
   <!--默认声音大小0%-100%,50则为50%-->
   <param name="mute" value="0">
   <!--是否静音-->
   <param name="uiMode" value="mini">
   <!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示-->
   <param name="windowlessVideo" value="0">
   <!--如果是0可以允许全屏,否则只能在窗口中查看-->
   <param name="fullScreen" value="0">
   <!--开始播放是否自动全屏-->
   <param name="enableErrorDialogs" value="-1">
   <!--是否启用错误提示报告-->
   <param name="SAMIStyle" value>
   <!--SAMI样式-->
   <param name="SAMILang" value>
   <!--SAMI语言-->
   <param name="SAMIFilename" value>
   <!--字幕ID-->
</object>


1.avi格式

<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="file:///D|/work/vod/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi">
</embed>
</object>

2.mpg格式

<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="../../../mpeg/halali.mpg" valuetype="ref">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>


3.smi格式

<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240
height=180>
<param name="_ExtentX" value="6350">
<param name="_ExtentY" value="4763">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="rm.rm">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="console1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed src="real.smi" type="audio/x-pn-realaudio-plugin" console="Console1" controls="ImageWindow" height="180" width="240" autostart="true"></OBJECT>

4.rm格式

<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352>

<param name="_ExtentX" value="9313">
<param name="_ExtentY" value="7620">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="rtsp://203.207.131.35/vod/dawan-a.rm";>
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false">

</OBJECT>

5.wmv格式

<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5">
<param name="AutoRewind" value=1>
<param name="FileName" value="xxxxxx.wmv">
<param name="ShowControls" value="1">
<param name="ShowPositionControls" value="0">
<param name="ShowAudioControls" value="1">
<param name="ShowTracker" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowStatusBar" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowCaptioning" value="0">
<param name="AutoStart" value=1>
<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">
<param name="TransparentAtStart" value="0">
<param name="AllowChangeDisplaySize" value="0">
<param name="AllowScan" value="0">
<param name="EnableContextMenu" value="0">
<param name="ClickToPlay" value="0">
</object>


*****************************************************

控制页面与顶部的距离

*****************************************************

<body  topmargin="0" marginheight="0">

****************************************************

嵌套css代码

***************************************************

<LINK href="image/css.css" type=text/css rel=stylesheet>

***************************************************

嵌套js脚本

**************************************************

<SCRIPT language=JavaScript src="image/global.js"></SCRIPT>

**************************************************

去除下划线的特效代码

**************************************************

把下面这段代码放到网页源代码<head>与</head>之间,下划线就无影无踪啦!
注意,网页的<body>标签里不能再有link之类的属性,否则本效果会失效!

<style TYPE="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover {color: #ff00ff;text-decoration:underline}
-->
</style>


   a:link 指正常的未被访问过的链接;
  a:active 指正在点的链接;
  a:hover 指鼠标在链接上;
  a:visited 指已经访问过的链接;
  text-decoration是文字修饰效果的意思;
  none参数表示超链接文字不显示下划线;
  underline参数表示超链接的文字有下划线  
   如果将underline改成none则把鼠标放上去,也不会出现下划线
  如果讲none替换成overline则给超链接文字加上划线,换成line-    through给超链接文字加上删除线,blink则使文字在闪烁。

*******************************************************

让网页适合任何分辨率

*******************************************************

  <script language="javascript">
function diff(x){
ie4=(document.all)?true:false
if (ie4){
block=x.style;
}
var a=screen.width
switch (a){
case 1024:
block.left=""+(parseInt(block.left)+112);
break;
case 1152:
block.left=""+(parseInt(block.left)+176);
break;
case 1280:
block.left=""+(parseInt(block.left)+240);
break;
}
}
</SCRIPT>
将上述代码加入BODY之间

*********************************************************

实线特效代码

*********************************************

<TABLE width="180" border=0 align="center" cellPadding=0 cellSpacing=0 borderColor=#3c92f5 style="BORDER-RIGHT: 1px solid; BORDER-TOP: medium none; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid"><TBODY>
  <TR>
      <TD width=177></TD>
         </TR>
           <TR>
       <TD height=192></TD>
       <TD vAlign=top> </TD>
       </TR>
  </TBODY>
</TABLE>                                                                

*********************************************

虚线特效代码

*********************************************

<table width="760" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#3c92f5" style="BORDER-RIGHT: 1px dotted; BORDER-TOP: medium none; BORDER-LEFT: 1px dotted; BORDER-BOTTOM: medium none">

 <tr>
   <td width="758" height="35"></td>
 </tr>
</table>

***********************************************

Tags:
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]