Dreamweaver中图片热点工具及文本框定位的综合使用
来源:互联网 发布:json解析listview展示 编辑:程序博客网 时间:2024/06/04 20:23
本文的目的是说明如何通过dreamweaver中的热点工具在图片上通过点击某区域,跳转到链接和函数(原先以为不能跳到函数,后来证实可以,这个很有用),同时在不把图片作为背景图的情况下,如何在图片上插入文本框(以及其他的你想要的东西)。
用到的技术要点是热点工具和css绝对定位。
具体代码如下所示:
<style type="text/css">
#bjlsh{position:absolute; //css绝对定位,通过ID:bjlsh来使用该样式
top :238px; //注意数字和”px“之间是没有空格的,否则会出错
left:338px;
}
</style>
//此处省略若干
<body>
<img src="../image/xiangqing.jpg" align="middle" width="1024" height="768"border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="866,659,972,704" href="<%=path%>/cmp- page/bjcx/hallwork_bjcx.jsp" />
//利用DW创建热点区域,链接到href
<area shape="rect" coords="633,278,696,345" onclick="add(1)" />
//利用DW创建热点区域,跳到需要的函数add()
</map>
<input id="bjlsh" type="text" style="width:545px; height:36px; font-size:30px" value=<%=bjlsh%> />
//文本框,利用css定位到图片上特定位置
</body>
通过以上技术的综合使用,可以很方便的实现一个虚拟键盘及对话框的显示,效果如图所示。
- Dreamweaver中图片热点工具及文本框定位的综合使用
- Dreamweaver 中图片热点连接的制作 (热点工具)
- dreamweaver图片热点工具
- dreamweaver随记-----图片热点区域连接
- Dreamweaver工具使用
- Unity3D中使用Profiler精确定位性能热点的优化技巧
- Unity3D中使用Profiler精确定位性能热点的优化技巧
- Unity3D中使用Profiler精确定位性能热点的优化技巧
- PHP环境搭建及工具(dreamweaver)使用
- 如何使用DW工具给图片添加热点
- 图片热点中鼠标样式的设置
- Dreamweaver3中图片热点连接的制作
- HTML 标签(图片映射、热点)的使用
- HTML 标签(图片映射、热点)的使用
- Dreamweaver中数据库路径的使用
- dreamweaver中lib使用
- FPGA综合工具中可综合的代码结构
- dreamweaver中编滚动图片时的问题
- 图像处理中的傅里叶变换
- 写给自己的话–伟大是熬出来的!
- 学习《高质量C++编程》
- Android中如何获取GPS数据
- 《More Effective C++》学习心得(四) 关于类中类型转换
- Dreamweaver中图片热点工具及文本框定位的综合使用
- mysql常用命令
- 出租车轨迹数据网址
- biee hint 使用
- 13.Android中万能的BaseAdapter的使用
- csdn 代码样式 代码高亮 代码风格
- html、css、javaScript练习题
- (转)如何在Google成为优秀的产品经理?
- 【每日听力活动训练】第十二期 0405