网页制作JavaScript特效两例

<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 728x15, 创建于 08-4-23MSDN */ google_ad_slot = "3624277373"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 160x600, 创建于 08-4-23MSDN */ google_ad_slot = "4367022601"; google_ad_width = 160; google_ad_height = 600; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
隐藏在页面中的菜单

在设计主页时,有时为了页面风格的统一或其他原因,需要设计一些隐藏的菜单,在Dreamweaver中我们可以轻松地利用层来实现,但为了这一点效果费劲地启动Dreamweaver等大软件,有些小题大做了。其实只要在你的HTML文件中加上下面的一段代码,就可以实现隐藏式菜单的效果,还是一个跟着鼠标跑的特殊效果呢!

table id="itemopen" class="box" style="display:none"〉

〈tr〉

〈td〉绿野苑〈/td〉〈/tr〉

〈tr〉

〈td〉〈a href="../../index.html" class=

"cc"〉回到首页〈/a〉〈/td〉〈/tr〉

〈tr〉

〈td〉〈a href="../../wdzb.htm" class=

"cc"〉我的自白〈/a〉〈/td〉〈/tr〉 

〈tr〉

〈td〉〈a href="../../nxsj.html" class=

"cc"〉内心世界〈/a〉〈/td〉〈/tr〉 

〈tr〉

〈td〉〈a href="../shxy.html" class=

"cc"〉生活小语〈/a〉〈/td〉〈/tr〉

〈/table〉

〈/center〉〈/div〉

〈script language="JavaScript"〉

document.onclick = popUp

function popUp() {

newX = window.event.x + document.body.scrollLeft

newY = window.event.y + document.body.scrollTop

menu = document.all.itemopen

if ( menu.style.display == ""){

menu.style.display = "none" }

else {

menu.style.display = ""}

menu.style.pixelLeft = newX - 50

menu.style.pixelTop = newY - 50

}

〈/script〉  


代码中的背景、字体、字号、链接等可根据自己的需要更改。

给主页加上全中文日期

在互联网众多的Web主页上,对于日期的显示,大多用的是数字式的,使用全中文日期的较少,因此在一些地方可能会有特殊的意义,如果你感兴趣的话,不妨也在自己的网页上做个全中文日期,只要把如下代码加入〈 body〉区域中即可:

〈script language="JavaScript"〉

function number(index1){

var numberstring="一二三四五六七八九十";

if(index1 ==0) {document.write("十")}

if(index1 〈 10){

document.write(numberstring.substring(0+(index1-1),index1))}

else if(index1 〈 20 ){

document.write("十"+numberstring.substring(0+(index1-11),(index1-10)))}

else if(index1 〈 30 ){

document.write("二十"+numberstring.substring(0+(index1-21),(index1-20)))}

else{

document.write("三十"+numberstring.substring(0+(index1-31),(index1-30)))}

}

var today1 = new Date()

var month = today1.getMonth()+1

var date = today1.getDate()

var day = today1.getDay()

document.write("公元二零零零年")

number(month)

document.write("月")

number(date)

document.write("日")

〈/script〉   <script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 728x15, 创建于 08-4-23MSDN */ google_ad_slot = "3624277373"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 160x600, 创建于 08-4-23MSDN */ google_ad_slot = "4367022601"; google_ad_width = 160; google_ad_height = 600; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
阅读更多
个人分类: javascript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭