推荐: LOGO设计微信开发包装设计游戏开发接口开发手机网站开发VI设计文字设计Web前端开发网页设计客厅装修情人节表白Oracle数据库网站建设个人网站建设微信客户端

热门搜索: LOGO设计微信开发VI设计网站建设网站推广

当前位置: 威客百科 > 动态网页 > 动态网页案例
免费发布需求,接收报价与方案

动态网页案例

什么是动态网页?

相关提示: 【动态网页静态化】【静态网页和动态网页的区别】【asp动态网页设计】【什么是动态网页】【动态网页制作教程】

     现在来介绍几个网页制作的技巧,能够为你的网站增添不少色彩。


    一、自动按时问候  
  在浩瀚的互联网上冲浪,如果突然有亲切的慰问安抚疲倦的心,访客一定对你的网站记忆深刻。下面介绍一个用Javascript写的分时问候程序,只要把它放到你的网站上就行了。
以下是部分代码:
  day = new Date( ) hr = day.get Hours( ) //取当时的小时值 if (( hr >= 0 ) && (hr < 5 ))
  mess1= "晚上好!速度很快吧?不过,深夜了,要注意身体哦。"
  if (( hr >= 5 ) && (hr < 7))
  mess1=" 清晨好!这么早就来了啊,好感动哦。:-) "
  if (( hr >= 7 ) && (hr < 12))
  mess1=" 早上好!昨晚睡得香吧?这是崭新的一天,祝您愉快。 "
  if (( hr >= 12) && (hr < 14))
  mess1= "中午好!别只顾上网,忘了吃饭哦。"
  if (( hr >= 14) && (hr < 17))
  mess1= "下午好!吐过浏览累了就先休息一下吧。 "
  if ((hr >= 17) && (hr < 23))
  mess1= "晚上好!速度不行吧?别急,耐心一点好吗? "
  if ((hr >= 23) && (hr < 24))
  mess1= "晚上好!夜深了,该休息啦。"
  < /script >
  这样,你的网页就会根据时间,自动问候来访的客人了,你只需要把mess1的内容根据不同的应用内容和环境改一下就可以了。
二、文字向上滚动  
你应该见过一些文字信息象电影结束时一样,慢慢向上滚动的那种动态形式。现在想实现它也很容易,请见下面的代码:  
  < html >
  < center >
  < marquee DIRECTION="UP" LOOP="Y" BEHAVIOR="scroll" DATAFORMATAS="HTML" WIDTH="300" HEIGHT="80" SCROLLDELAY="150" scroll amount="3" border="1" > < font color="#FFAA00" style="font-size:11pt" >
  < center >
  < br >向上滚动字幕其实很简单,请看源代码
  < a href="xsgd.htm" >向上滚动字幕< /a >
  > < div >
  < br >
  < font color="#0000F0" >
  < /div >
  < div >
  < br >//你可以把很多信息放在这个小窗口中
  < br >//让它们慢慢显示出来
  < center >
  < /marquee >
  < center >
  < /html >
  这里用的是marquee元素,其中WIDTH=“窗口宽度”,HEIGHT=“窗口高度”,SCROLLEDLAY=“延迟(毫秒)”,SCROLLAMOUNT=“每次移动步长”。由于DATA-FORMAT选了“HTML”,显示的信息包含HTML元素,如超连接等。
    三、实现字体阴影  
  你曾经是否为了标题有阴影效果,费尽心思用PhotoShop,并把图片拼命压缩呢?其实,通过Dynamic HTML的滤镜,用HTML代码就可以实现了。
  < div STYLE="p:r;
  width=600;
  filter:Shadow(color=blue, d=135);
  color:white;
  font-size:48pt;"align="center" >
  < p style="font-size:24pt" >欢迎光临我的主页< /p >
  < /div >
  通过filter:shadow调用阴影滤镜,括号里面的color=“阴影颜色”,d =“阴影方向(度数)”,括号外面的color=“字体颜色”。