得知互动

标题: 使用Dreamweaver8实现网页区域选择显示 [打印本页]

作者: DeGe 时间: 2013-5-20 13:11
标题: 使用Dreamweaver8实现网页区域选择显示

　　我们在制作网页时，有时会遇到这样的情况：根据用户的选择，显示不同的内容。比如，制作一个登录网页，上面有两个表格，一个给新用户注册用，一个供老用户登录用。我们想在页面上放两个radiobutton，根据用户的选择，来显示注册表格或登录表格。这些操作是在同一个页面中完成的，不需要跳转到其它页面或刷新当前页面。下面我们就来讲述如何实现这样的功能。

　　打开Dreamweaver8，添加两个单选按钮，名称分别为radiobutton1和radiobutton2。

　　radiobutton1供新用户注册点击，radiobutton2供老用户登录点击。再添加一个表格，用来显示新用户的注册登记区域。在表格中插入需要的相关元素、文字；再插入一个表格，用来显示老用户登录区域，同样在表格内插入相关内容。这样，我们就简单地设计好了界面。

[attach]37790[/attach]

　　接着，我们就开始编辑相关的代码。选中第一个表格，在HTML编辑窗口中对其进行修改，在表格

　　同样的方法对第二个表格进行修改，ID值为“olduser”。这是我们按下F12预览，在浏览器中看到的只是两个radiobutton，表格是不可视的。

　　完成以上编辑后，开始编写radiobutton的代码。选中radiobutton1为其添加一个onclick的事件响应，代码如下：

　　代码含义是点击radiobutton1时，设置表格newuser的display属性为空，即可视，表格olduserdisplay属性为none不可视。

　　同样编辑radiobutton2代码，它的onclick事件响应和radiobutton1恰恰相反，代码如下：

　　完成以上步骤后，就搞定了这个页面的制作。F12预览，浏览器中，我们点击radiobutton1就会显示新用户注册界面；再点击radiobutton新用户注册界面不可视，老用户登录界面显示。

　　通过很简单的代码编辑，就可以实现这个非常实用的功能。虽然我们用层也可以实现这样的效果，但是层在网页中精确定位远没有表格方便，不便于网页的整体布局设计。

作者: efiew 时间: 2014-10-23 14:06
我又回复了

作者: jckie 时间: 2014-10-23 14:31
出来混　迟早都是要灌的——不灌水怎么混啊

作者: kjlqiyjws 时间: 2014-10-23 14:32
楼主说的是什么？我是小白，好像还没看明白！

作者: pangio 时间: 2014-10-23 14:39
呵呵高高实在是高~~~~~

作者: ffuip 时间: 2014-10-23 14:51
其实今天baidu 又抽风了

作者: apgckwmm 时间: 2014-10-23 15:30
呵呵高高实在是高~~~~~

作者: efiew 时间: 2014-10-23 15:31
本人过去、现在以及将来都不认识楼主，且自古以来与楼主无利益关系。楼主表述之事与本人无关

作者: uhxidjjr 时间: 2014-10-23 15:49
照你这么说真的有道理哦呵呵不进沙子馁~~~

作者: ffuip 时间: 2014-10-23 15:52
能告诉我丫挺什么意思吗?赐教

作者: inhidgehila 时间: 2014-10-23 15:59
你这样的表现，就只配这几个字：窝囊废

作者: jckie 时间: 2014-10-23 16:06
正好你开咯这样的帖

作者: kwjvtwzx 时间: 2014-10-23 16:12
k了我一个月的站，刚才site的时候

作者: inhidgehila 时间: 2014-10-23 16:26
这个站一周前刚刚有了点起色

作者: inhidgehila 时间: 2014-10-23 16:32
~~~~哼..哼..哼...

作者: kjlqiyjws 时间: 2014-10-23 16:38
我帮不了你

作者: 亮凌庚 时间: 2014-10-25 18:42
呵呵高高实在是高~~~~~

作者: kwjvtwzx 时间: 2014-10-25 19:03
呵呵放心如我算错你以后来砸我的帖子呵呵

作者: oxdbw 时间: 2014-10-25 19:17
哈哈怎么说来眼睛小真的很好哈哈哈~~~~

作者: ofbnbaiinfnh 时间: 2014-10-25 19:30
哈哈我支持你

作者: uhxidjjr 时间: 2014-10-25 19:31
我在顶贴~！~

作者: apgckwmm 时间: 2014-10-28 14:38
真是天底下好事多多

作者: oxdbw 时间: 2014-10-28 14:38
顶顶多好，大家都来！

作者: xiaoye 时间: 2014-10-28 14:41
感觉这个论坛的站长太牛B了，好强大啊

作者: kjlqiyjws 时间: 2014-10-28 14:41
还呕像.....

作者: 亮凌庚 时间: 2014-10-28 14:57
这是安慰我啊~~还是垮我啊???怎么感觉又被扁了啊

作者: efiew 时间: 2014-11-1 16:02
呵呵高兴成什么样了啊!!!

作者: kbcesuo 时间: 2014-11-1 16:05
本人是文盲，以上内容文字均不认识，也看不懂是什么意思.

作者: kwjvtwzx 时间: 2014-11-1 16:07
哇~~` 你是不是投胎滴时候走错地方啦~``

作者: uhxidjjr 时间: 2014-11-1 16:15
其实今天baidu 又抽风了

作者: kwjvtwzx 时间: 2014-11-1 16:40
真的好久都没有这么笑了~ 好开心哦

作者: bqtklouu 时间: 2014-12-22 08:56
风沙就是由无数松散沙粒组成的，但是他们却又紧密的联系在一起，那股叱诧风云，横击而过的气概相信大家在作者的文章里也能体会的出来。如果有读者还不能体会的，请参考

作者: tohme 时间: 2014-12-22 08:57
宁死不屈.....

作者: 阴阳小轩 时间: 2014-12-22 08:57
怎么这么跟别人不一样类~

作者: bqtklouu 时间: 2014-12-22 08:57
照你这么说真的有道理哦呵呵不进沙子馁~~~

作者: wwdu926a 时间: 2014-12-22 08:59
呵呵没事怎么有点被讽刺的味道啊

欢迎光临得知互动 (https://bbs.dezhifl.com/)