在之前的 JavaScript 简介中,对于JavaScript 应该有一个大致的了解了,那么接下来,我们来看看 JavaScript 在网页中的控制行为是怎样一回事!!
1. 关于点击调整字体(Font)的一些属性:
效果图:
实现代码:
新闻广告 这是一个大新闻.
小字体 中字体 大字体
演示接口.很多内容.怎么办呢?等等 演示接口.很多内容.怎么办呢?等等 演示接口.很多内容.怎么办呢?等等 演示接口.很多内容.怎么办呢?等等 演示接口.很多内容.怎么办呢?等等 演示接口.很多内容.怎么办呢?等等 演示接口.很多内容.怎么办呢?等等 演示接口.很多内容.怎么办呢?等等
2. 关于 Checkbox 的一些应用:
效果图:
实现代码:
全选反选问题 商品列表笔记本3000元HTC手机2500苹果电脑8000IPAD1500玩具汽车400全选反选
3.关于 Radiobutton 的一些使用:
效果图:
单选按钮 测试你的性格:
请选择下列一种水果:苹果 西瓜 葡萄 芒果您的性格,很羞涩.您的性格,很开朗.您的性格,很内向.您的性格,很醇香.
4. 关于 creatTable 的一些使用:
效果图:
实现代码:
创建表格 行数: 列数:
5. 关于 Table 的使用(实现隔行变色):
效果图:
实现代码:
表格的操作
电影名称 | 电影介绍 | 主演名单 |
---|---|---|
变形金刚 | 很不错的电影 | 机器人 |
唐伯虎点秋香 | 非常好的电影 | 周星驰,巩俐 |
东邪西毒 | 群星云集的电影 | 张国荣,梁朝伟... |
少林足球 | 最厉害的足球电影 | 周星驰,赵薇 |
赌神 | 小马哥演绎赌神 | 周润发 |
大话西游 | 超级搞笑的电影 | 周星驰 |
疯狂的石头 | 一部让人大笑不止的电影 | 黄渤 |
(效果2: 试试将鼠标移入到表格行内...)
6. 表格按需要排序:
效果图:
实现代码:
表格中的数据排序
姓名 | 年龄 | 地址 |
---|---|---|
张三 | 25 | 北京 |
李四 | 23 | 天津 |
王五 | 28 | 上海 |
赵六 | 26 | 南京 |
周七 | 22 | 上海 |
(效果: 试试点击年龄...表格行会按照年龄大小进行排列)
7. 一个综合:
效果图:
表单页面