博客站长












Dreamweaver设计网页时的一些技巧




空链接的使用:
如果你的网页中有<a href=“#”> .......</a> 这样的连接,而且已经出现的滚动条,并且下拉了一些,那么当点击这个连接的时候就会返回页面顶部,很是讨厌。以下几中方法可以防止这个问题
1 将<a href=“#”> .......</a>
改为<a href="/“javascript:";”> .......</a>
 
2 将<a href=“#”> .......</a>
改为<a href=“#” onclick="return false"> .......</a>
 
3 如果实在不需要一个连接,而只是想让浏览者把鼠标放在这里的时候让鼠标变成手
那么你也可以将........前的<a> 去掉,用<span style="cursor:hand">代替也可以
 
4 将<a href=“#”> .......</a>
改为<a href=“####”>.......</a>

5 将<a href=“#”> .......</a>
改为<a href="javascript:void(0)">.....</a>

 
静态页面网站日历动态显示
<div id="time">
<script type="text/javascript"> 
 document.write(helloword + "好!<br />" + (now.getMonth() + 1) + "月" + now.getDate() + "日 <br />星期"+weekday[now.getDay()]);
</script>
</div>


用 JS 嵌入 Flash
1.在HTML页面头部<head>区嵌入这个脚本文件:
<script type="text/javascript" src="/swfobject.js"></script>
2.在你HTML中(要放flash的地方)写一个用来放Flash 的容器,比如<div>,并随便给一个 id 比如 flashcontent。然后在里面放上你的替换内容:
<div id="flashcontent">
这里放替换内容,用来在 Flash 无法显示时显示。
</div>
3.使用脚本替换这个内容:
<script type="text/javascript">
   var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
//参数意思: 地址,Flash 的 id(不是容器的 id),宽,高,版本需求,背景颜色
//这是最基本的,如果你要高级的设置,就仔细翻翻说明吧。
   so.write("flashcontent");
</script>


[flash透明]
选择flash打开参数 左侧的parameter中键入wmode 右侧的value框内键入transparent点击ok

状态栏显示时间
<script language="vbscript">
dim TimerID
sub updatestatus
cleartimeout TimerID
status=time
TimerID=wettimeout("updatestatus",100,"VBScript")
end sub
TimeID=settimeout("updatestatus",100,"VBScript")
</script>
<script language="JavaScript1.2" src="mm_menu.js"></script>
<script language="JavaScript" type="text/JavaScript">

[左右滚动的图片] 修改img src和长高
   <marquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount=4      behavior=alternate width=460>
 <img src="/images/index/dong.jpg" width="460" height="85" border="0"> <img src="/images/index/dong.jpg" width="460" height="85" border="0">
</marquee>

[向左滚动的文字]
<MARQUEE> 校园公告..................</MARQUEE>


[向上滚动的文字]
<marquee direction=up  width=90% height="90" scrollAmount=1  onmouseover=this.stop() onmouseout=this.start()> 要滚动的文字......</marquee>


[E-mail链接] 选择邮箱在连接栏输入 mailto:xxc.km@126.com?subject=站长你好!


[关闭窗口]   <a href="javascript:window.opener=null;window.close()">[关闭窗口]</a> 或<a href="javascript:window.close()">关闭窗口</a>
[打印本页] <a href="javascript:window.print()">打印本页</a>
[收藏本站] <a onclick="window.external.addFavorite('http:...........','中文名..');return false;" href=".........." target="mainFrame" >[收藏本站]</a>


[禁止他人复制你网页]
<body bgcolor="#ffffff"oncontextmenu="return false"onselectstart="return false">


[打开网站时候出现的欢迎词代码]
<body onLoad= alert("你好,欢迎访问本网站!")>


[关闭网站的时候出现的话]
<body onUnload="window.alert('谢谢您的光临,诚邀加盟. 站长信箱:****@yahoo.com.cn 欢迎咨询')">

[弹出窗口]
<a><script>window.open('http://www.564.cn.com/'autoweb','width=长,height=高,scrollbars,resizable'')</script></a>


[打开网站的时候自己做一个弹出窗口的广告]
<script language="javascript">
var TimerID=1;
window.open('http://163.com&#39;,'','width=600,height=300,left=100,top=50');
</script>
里面的 http://163.com 这个是你预先做好的一个网页,后面的数字是调节大小和位置的,你自己多试验几次。


[把其它网页放入自已网页中]
<IFRAME name=smjh align=center src="这里换成你要放入网站的网址" frameBorder=0 width=760 scrolling=no height=300></IFRAME>


[调用网页]
<IFRAME name=smjh align=center src="http://bbs.pingxingguan.com/ly/" frameBorder=0 width=500 scrolling=no height=800></IFRAME>

<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=12345678&Exe=QQ&Site=宝宝主页&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:12345678:# alt=点击这里给我发信息></a>

把以上代码中的两个“12345678”换成你的QQ号,把“宝宝主页”换成你的主页名称,把“#”换成你想要的效果的序号(1-13)。


应用在论坛中的代码:
{img}http://wpa.qq.com/pa?p=1:12345678:#{/img}{url=http://wpa.qq.com/msgrd?V=1&Uin=12345678&Exe=QQ&Site=宝宝主页&Menu=yes}点这里QQ我{/url}

在应用时,把以上代码中的“{”、“}”分别替换成“[”、“]”,把“12345678”换成你的QQ号,把“#”换成你想要的效果的序号(1-13)。

另外,在论坛中也可以使用以下代码,不显示“点这里QQ我”,而只需要点击你使用的效果图标(使用时另按以上方式修改):

{url=http://wpa.qq.com/msgrd?V=1&Uin=12345678&Exe=QQ&Site=宝宝论坛&Menu=yes}{img}http://wpa.qq.com/pa?p=1:250289997:#{/img}{/url}

 

[打开一页跳转到另一页]
<script>window.location='http://www.564.cn.</script>

[禁止查看源文件]
<SCRIPT language=javascript type=text/javascript>
 var speed=30
 demo2.innerHTML=demo1.innerHTML
 function Marquee()
 { if(demo2.offsetWidth-demo.scrollLeft<=0)
   demo.scrollLeft-=demo1.offsetWidth
  else{
 demo.scrollLeft++
 }
 }
 var MyMar=setInterval(Marquee,speed)
 
 demo.onmouseover=function() {
 clearInterval(MyMar)
}
 
 demo.onmouseout=function() {
 MyMar=setInterval(Marquee,speed)
}
</SCRIPT>

 

[鼠标感应字体变红色]的代码如下:插在<body></body>之间
<STYLE type=text/css>TD {
 FONT-SIZE: 12px
}
BODY {
 FONT-SIZE: 12px
}
INPUT {
 FONT-SIZE: 12px
}
A:link {
 COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
 COLOR: #000000; TEXT-DECORATION: none
}
A:active {
 COLOR: blue; TEXT-DECORATION: none
}
A:hover {
 COLOR: red; TEXT-DECORATION: underline
} .so {
 BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc
}
</STYLE>


可以在网页中播放音乐  一个实际的例子!直接可以运行的! 
 
<html> 
<title></title> 
<body> 
<embed  src="http://music.jztele.com/mp3/dianying/xyxy.mp3";  loop=false  autostart=true  name=bgss  width="0"  height=0> 
</body> 
</html> 
 
详细说明:

<embed   
src="/xx.mp3"    音乐文件 
loop=false        是否重复播放 
autostart=true  是否自动开始 
name=bgss          为了控制而设定的名字 
width="0"  height="0"  宽、高 

 

          <script language=JavaScript>
 
<!--
var bsYear;
var bsDate;
var bsWeek;
var arrLen=8; //数组长度
var sValue=0; //当年的秒数
var dayiy=0; //当年第几天
var miy=0; //月份的下标
var iyear=0; //年份标记
var dayim=0; //当月第几天
var spd=86400; //每天的秒数

var year1999="30;29;29;30;29;29;30;29;30;30;30;29"; //354
var year2000="30;30;29;29;30;29;29;30;29;30;30;29"; //354
var year2001="30;30;29;30;29;30;29;29;30;29;30;29;30"; //384
var year2002="30;30;29;30;29;30;29;29;30;29;30;29"; //354
var year2003="30;30;29;30;30;29;30;29;29;30;29;30"; //355
var year2004="29;30;29;30;30;29;30;29;30;29;30;29;30"; //384
var year2005="29;30;29;30;29;30;30;29;30;29;30;29"; //354
var year2006="30;29;30;29;30;30;29;29;30;30;29;29;30";

var month1999="正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var month2001="正月;二月;三月;四月;闰四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var month2004="正月;二月;闰二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var month2006="正月;二月;三月;四月;五月;六月;七月;闰七月;八月;九月;十月;十一月;十二月"
var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";

var Ys=new Array(arrLen);
Ys[0]=919094400;Ys[1]=949680000;Ys[2]=980265600;
Ys[3]=1013443200;Ys[4]=1044028800;Ys[5]=1074700800;
Ys[6]=1107878400;Ys[7]=1138464000;

var Yn=new Array(arrLen); //农历年的名称
Yn[0]="己卯年";Yn[1]="庚辰年";Yn[2]="辛巳年";
Yn[3]="壬午年";Yn[4]="癸未年";Yn[5]="甲申年";
Yn[6]="乙酉年";Yn[7]="丙戌年";
var D=new Date();
var yy=D.getYear();
var mm=D.getMonth()+1;
var dd=D.getDate();
var ww=D.getDay();
if (ww==0) ww="<font color=RED> 星期日 ";
if (ww==1) ww=" 星期一 ";
if (ww==2) ww=" 星期二 ";
if (ww==3) ww=" 星期三 ";
if (ww==4) ww=" 星期四 ";
if (ww==5) ww=" 星期五 ";
if (ww==6) ww="<font color=RED> 星期六 ";
ww=ww;
var ss=parseInt(D.getTime() / 1000);
if (yy<100) yy="19"+yy;

for (i=0;i<arrLen;i++)
if (ss>=Ys[i]){
iyear=i;
sValue=ss-Ys[i]; //当年的秒数
}
dayiy=parseInt(sValue/spd)+1; //当年的天数

var dpm=year1999;
if (iyear==1) dpm=year2000;
if (iyear==2) dpm=year2001;
if (iyear==3) dpm=year2002;
if (iyear==4) dpm=year2003;
if (iyear==5) dpm=year2004;
if (iyear==6) dpm=year2005;
if (iyear==7) dpm=year2006;
dpm=dpm.split(";");

var Mn=month1999;
if (iyear==2) Mn=month2001;
if (iyear==5) Mn=month2004;
if (iyear==7) Mn=month2006;
Mn=Mn.split(";");

var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";
Dn=Dn.split(";");

dayim=dayiy;

var total=new Array(13);
total[0]=parseInt(dpm[0]);
for (i=1;i<dpm.length-1;i++) total[i]=parseInt(dpm[i])+total[i-1];
for (i=dpm.length-1;i>0;i--)
if (dayim>total[i-1]){
dayim=dayim-total[i-1];
miy=i;
}
bsWeek=ww;
bsDate=yy+"年"+mm+"月";
bsDate2=dd+"日";
bsYear="农历"+Yn[iyear];
bsYear2=Mn[miy]+Dn[dayim-1];
if (ss>=Ys[7]||ss<Ys[0]) bsYear=Yn[7];
function CAL(){
document.write("<font color=#9b4e00>"+bsDate+"</font><font color=#9b4e00>"+bsDate2+"</font><font color=#9b4e00>");
document.write(bsWeek+"<font color=#9b4e00>");
document.write(bsYear+bsYear2);
}
//-->
</script>

o℃啲永恒ツ 发表于 2007-5-23 16:40:00 阅读全文 | 回复(0) | 引用通告 | 编辑





发表评论:

    大名:
    密码: (游客无须输入密码)
    主页:
    标题:



:: 最近发表::

:: 最近回复 ::

:: 访客留言::

:: 注册信息::
:: 文章搜索::
:: 博客信息::

:: 友情链接::




Powered by Oblog.