使用DW8实现网页区域选择显示
日期:2007年10月27日 作者: 查看:[大字体 中字体 小字体]-
我们在制作网页时,有时会遇到这样的情况:根据用户的选择,显示不同的内容。比如,制作一个登录网页,上面有两个表格,一个给新用户注册用,一个供老用户登录用。我们想在页面上放两个radiobutton,根据用户的选择,来显示注册表格或登录表格。这些操作是在同一个页面中完成的,不需要跳转到其它页面或刷新当前页面。下面我们就来讲述如何实现这样的功能。
打开Dreamweaver8,添加两个单选按钮,名称分别为radiobutton1和radiobutton2。
radiobutton1供新用户注册点击,radiobutton2供老用户登录点击。再添加一个表格,用来显示新用户的注册登记区域。在表格中插入需要的相关元素、文字;再插入一个表格,用来显示老用户登录区域,同样在表格内插入相关内容。这样,我们就简单地设计好了界面。
接着,我们就开始编辑相关的代码。选中第一个表格,在HTML编辑窗口中对其进行修改,在表格
同样的方法对第二个表格进行修改,ID值为“olduser”。这是我们按下F12预览,在浏览器中看到的只是两个radiobutton,表格是不可视的。
完成以上编辑后,开始编写radiobutton的代码。选中radiobutton1为其添加一个onclick的事件响应,代码如下:
代码含义是点击radiobutton1时,设置表格newuser的display属性为空,即可视,表格olduserdisplay属性为none不可视。
同样编辑radiobutton2代码,它的onclick事件响应和radiobutton1恰恰相反,代码如下:
完成以上步骤后,就搞定了这个页面的制作。F12预览,浏览器中,我们点击radiobutton1就会显示新用户注册界面;再点击radiobutton新用户注册界面不可视,老用户登录界面显示。
通过很简单的代码编辑,就可以实现这个非常实用的功能。虽然我们用层也可以实现这样的效果,但是层在网页中精确定位远没有表格方便,不便于网页的整体布局设计。(出处:急速软件下载学院)
-
- 使用DW8实现网页区域选择显示 相关文章:
- ·XP提示“虚拟内存不足”原因总结
- ·不用双显卡 PowerPoint 2007也玩双显示输出
- ·Vista操作系统中文件扩展名如何显示
- ·Windows Vista中如何显示“超级隐藏”文件
- ·在IE浏览器中正确显示PNG透明图片
- ·让IE标题栏显示自己名字的多种方法
- ·添加和删除HTML节点的简单示例
- ·液晶显示器简易故障自己查询
- ·揭示秘密 打开隐藏文件的方法
- ·如何解决Web访问时提示输入密码?
- 使用DW8实现网页区域选择显示 相关软件
- ·id Tech 5引擎演示
- ·《机战》技能视频展示
- ·前线:燃料战争E3武器展示视频
- ·《传奇单机演示版》试玩
- ·《极品醉车2》新作高清视频展示
- ·《地球帝国3》演示视频
- ·《咕噜小天使》演示DEMO版
- ·《战争猎犬》技术演示动画一
- ·《星际争霸》1.15中文显示补丁
- ·《合金装备 掌上行动Plus》最新演示动画
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
精品推荐
热点TOP10
- ·入门:用Dreamweaver简单描述制作网页的基本步骤
- ·用Dreamweaver MX 2004制作ASP动态网站(投票系统篇)
- ·Dreamweaver+ASP制作动态二级菜单
- ·公司建站完全手册――网页色彩设计点滴
- ·级联删除的触发器代码解释
- ·实战Dreamweaver MX和Visual SourceSafe开发Web项目
- ·菜鸟学用DreamWeaver做ASP
- ·Dreamweaver如何制作浮动广告
- ·Dreamweaver CS3 新功能描述
- ·Dreamweaver实例:随机播放背景音乐
- ·Dreamweaver插入Flash添加透明或其他参数
- ·充分利用Dreamweaver CS3的代码片断功能面板
- ·Dreamweaver也能轻松制作Flash相册
- ·简单描述Adobe Dreamweaver CS3 的最新功能
- ·用DW制作网页时关于文字自动换行的小技巧
- ·在DreamweaverCS3中用Spry将XML数据显示到HTML页
- ·Dreamweaver CS3 最新功能描述
- ·Dreamweaver CS3新功能
- ·在Dreamweaver8.0.2中插入的Flash添加透明或其他参数
- ·DW滤镜样式的语法规则
特别推荐
- ·利用DW8掌握网页代码基本格式
- ·用Dreamweaver8制作网页中常用的过度效果
- ·级联删除的触发器代码解释
- ·DW滤镜样式的语法规则
- ·Dreamweaver初学者常见问题解答
- ·12个Dreamweaver鲜为人知的小秘诀
- ·巧妙运用Dreamweaver进行网页制作技巧
- ·网页导航设计九大注意事项
- ·Dreamweaver技巧12条
- ·DreamWeaver 经典
- ·寻找Dreamweaver鲜为人知的小秘诀
- ·在DW中插入Flash的参数详解
- ·Dreamweaver层使用八定律
- ·用Dreamweaver MX 2004的Flash动画元素
- ·DW 技巧简单几问几答
- ·Dreamweaver MX实例:插入交替图像按钮
- ·在DreamWeaver中应用CSS样式表技巧两则
- ·Dreamweaver MX 2004的一句话技巧
- ·巧妙运用DW进行网页制作技巧
- ·Dreamweaver经典问题大搜罗
