文章类 软件类
好好999
 | 网站首页 | 网络编程语言 | 星座情感文章 | 特殊软件下载 | 站长工具天下 | 
html入门培训 网站服务器软件  化妆品经典广告词  雅芳化妆品价格  avon化妆品 net 入门培训 房地产销售广告 化妆品广告词 网络工程师
您现在的位置: 学习网 > 网络编程语言 > Html > 正文
 | 网络编程语言首页 | Dreamweaver | Html | Asp | Jsp | Php | Asp.net | Css | Javascript | Access | Mysql | Mssql | Oracle | Domain | Mainframe |
最 新 热 门
普通文章web页面上的打印控制
普通文章Frame结构时显示或隐藏主Frame
普通文章实现HTML自动排版的法则2
普通文章HTML教程-表格尺寸设置
推荐文章HTML快速参考--结构标记
普通文章如何以及何时使用sIFR
普通文章HTML进阶应用技巧(七)表单设
推荐文章HTML文件大致结构
普通文章WEB标准化的过渡方案
普通文章怎样做论坛的登陆表单
 
频 道 推 荐
普通文章关于iframe的透明背景
推荐文章把FoxPro数据库转变成HTML表格
推荐文章熟悉常用表单格式的五点技巧
普通文章网页设计中Html使用中的一些问
推荐文章一种细腻的导航效果的制作方法
普通文章网页制作中隐藏域的妙用
普通文章简单实用的网页表格特效
推荐文章鼠标在文本上移动时层的显示与
推荐文章在html文件引入其它html文件的
推荐文章中文网页制作中段落缩进的方法
普通文章制作虚线效果的水平线
普通文章HTML中Access Key(存取键)的
推荐文章Email地址在网页中的保护
普通文章网页标准初学:XHTML的标准定义
普通文章让广告代码不再影响你的网页加
普通文章解决DIV给flash挡住的问题
普通文章学好HTML的表格标记
普通文章XHTML+CSS兼容性解决方案小集
普通文章Blogger Hack:Meta Data优化
普通文章HTML基础知识:认识http-equiv
 
频 道 推 广
 
动态HTML技术精彩实例       ★★★
动态HTML技术精彩实例
作者:佚名 文章来源:本站整理 更新时间:2008-11-19 21:34:03

   要想提高自己主页的知名度,就是要有可观的回头客,这就要求主页能给人良好的印象,而动态HTML(DHTML)技术制作的动态网页,能产生令人震撼的视觉冲击效果,使你的主页令人流连忘返。
  下面介绍几个精彩实例,以飨读者。

一、飞行的图片

在<head>中适当位置加入如下代码:

<script language="JavaScript">

<!--

var left=0;

var top=200;

var stepx=2;

function jump()

{

left=left+stepx;

if(left>710) stepx=-2;

if(-left>0) stepx=2;

sign.style.left=left;

sign.style.top=top;

timeID=setTimeout("jump()",100);

}

-->

</script>

<body>改为<body onload="t=setTimeout('jump()',20)">,然后在body后适当位置加入如下代码:

<div id="sign" style="position:absolute;left:0;top:200;width:135;">

<img src="http://www.webjx.com/htmldata/2005-02-20/myphoto.jpg" width="56" height="44" >

</div>

这样,选定的图片就会在窗口中上部从左往右飞行,碰到右边界向左飞行,不断循环。

二、弹簧文字

在<head>中适当位置加入如下代码:

<script language="JavaScript">

<!--

var sizes=new Array("-2px","-1px","0px","1px","2px","3px","4px",

"5px","6px","7px","8px","9px","10px","11px","12px","13px");

sizes.pos=0;

function rubberBand()

{

var el=document.all.elastic;

if(null==el.direction)

el.direction=1;

else if((sizes.pos>sizes.length-2)||(0==sizes.pos))

el.direction*=-1;

el.style.letterSpacing=sizes[sizes.pos+=el.direction];

}

[1] [2] 下一页

 
文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 相 关 文 章
    Dreamweaver MX 2004 行为概述
    Dreamweaver MX 2004 内建Fireworks技术
    Dreamweaver MX 2004 浏览器检测
    Dreamweaver MX 2004 图片处理
    Dreamweaver MX 2004 代码编辑功能
    Dreamweaver MX 2004 CSS扩展属性
    Dreamweaver MX 2004 电子相册制作
    DreamWeaver打造Web查询系统(3)
    Fw与Dw结合:看实例学切片
    细品DW MX 2004内建FW技术
    用Dreamweaver制作动态链接的Flash按钮
    动态文本变变变
    利用Dreamweaver的插件制作动态下拉菜单
    实现网页转换特殊过渡效果
    让网页中的字体美起来
    初步了解CSS3
    带你了解样式表滤镜(一)
    带你了解样式表滤镜(二)
    显示你个性的鼠标指针
    学习CSS的10大理由
    | 设为首页 | 加入收藏 | 投搞邮箱 | 友情链接 | 网站公告 | 版权申明 | |
    破天一剑私服 - 冒险岛外挂 - 传奇外挂 - dnf外挂 - 地下城与勇士外挂 - dnf外挂 - 传奇外传外挂 - qq三国外挂 - 天龙八部外挂 - 劲舞团私服 - 劲舞团私服 - 传奇私服 - 传奇私服 - 传奇私服 - 变态传奇私服 - 及时雨外挂 - 热血传奇私服 - 传世私服 - 魔兽世界私服 - 魔兽世界私服 - 完美世界私服

    点击这里给我发消息

    有事点这里

    copyright: 2007-2008 haohao888.com.cn 粤ICP备08105098号