博学谷——让 IT 教学更简单，让 IT 学习更有效
图8-6 手动跳转焦点图 2
2) 具体实现步骤如下：
a) 图片由<img>标记定义，按钮由无序列表<ul>定义，外部嵌套的大盒子由<div>定义。
b) 控制大盒子的宽高和外边距，并对大盒子设置相对定位。
c) 对<ul>标记设置绝对定位。
d) 定义<li>左浮动，并设置其宽高、背景颜色、外边距及文字样式。
e) 通过鼠标移入事件调用函数。
二、案例实现
1、制作页面结构
新建 HTML 页面，具体代码如下：
9
<div class="box">
10
11
12
<li id="first" style="background:pink;" onmouseover="one()" >1</li>
13
14
15
<li id="twice" onmouseover="two()" >2</li> <!--第二个事件源 -->
17 </html>
2、定义 CSS 样式
5
剩余23页未读，继续阅读
春哥111
- 粉丝: 1w+
- 资源: 5万+
我的内容管理
展开
最新资源
- 解决Eclipse配置与导入Java工程常见问题
- 真空发生器：工作原理与抽吸性能分析
- 爱立信RBS6201开站流程详解
- 电脑开机声音解析：故障诊断指南
- JAVA实现贪吃蛇游戏
- 模糊神经网络实现与自学习能力探索
- PID型模糊神经网络控制器设计与学习算法
- 模糊神经网络在自适应PID控制器中的应用
- C++实现的学生成绩管理系统设计
- 802.1D STP 实现与优化：二层交换机中的生成树协议
- 解决Windows无法完成SD卡格式化的九种方法
- 软件测试方法：Beta与Alpha测试详解
- 软件测试周期详解：从需求分析到维护测试
- CMMI模型详解：软件企业能力提升的关键
- 移动Web开发框架选择：jQueryMobile、jQTouch、SenchaTouch对比
- Java程序设计试题与复习指南
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
