使用javascript完成星球介绍
来源:互联网 发布:mssql注入 编辑:程序博客网 时间:2024/04/27 14:21
今天学习了javascript与html中map标签相结合的使用:
<html>
<head><script type="text/javascript">
function writeText(txt)
{
document.getElementById("desc").innerHTML=txt
}
</script>
</head>
<body>
<img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14"
onMouseOver="writeText('直到 20 世纪 60 年代,金星一直被认为是地球的孪生姐妹,因为金星是离我们最近的行星,同时还由于两者拥有很多共同的特征。')"
href ="/example/html/venus.html" target ="_blank" alt="Venus" />
<area shape="circle" coords="129,161,10"
onMouseOver="writeText('从地球上是很难研究水星的,这是由于它和太阳的距离总是很近。')"
href ="/example/html/mercur.html" target ="_blank" alt="Mercury" />
<area shape="rect" coords="0,0,110,260"
onMouseOver="writeText('太阳和类似木星这样的气态行星是到目前为止太阳系中最大的物体。')"
href ="/example/html/sun.html" target ="_blank" alt="Sun" />
</map>
<p id="desc"></p>
</body>
</html>
阅读全文
0 0
- 使用javascript完成星球介绍
- 星球居住区开发完成70%啦
- javaScript和CSS制作星球运行轨迹
- javascript对象使用介绍
- JavaScript prototype 使用介绍
- JavaScript prototype 使用介绍
- JavaScript prototype 使用介绍
- JavaScript prototype 使用介绍
- JavaScript prototype 使用介绍
- 【JavaScript】简单使用介绍
- JavaScript XMLHttpRequest使用介绍
- JavaScript prototype 使用介绍
- 使用JSLint完成JavaScript语法检查
- 使用类图设计佩恩沃星球
- JavaScript压缩工具JSA使用介绍
- Javascript WebSocket使用实例介绍
- javascript之bind使用介绍
- JavaScript包装对象使用介绍
- 面试题-----排序算法之选择排序
- Ubuntu删除两个文件夹下同名同内容的文件V1.2
- Conscription POJ
- 我的学习之路_第三十章_servlet
- 矩阵面积Rectangle
- 使用javascript完成星球介绍
- 带你一步步实现带有多彩阴影的ImageView
- Android启动App时白屏的解决方法
- [设计模式]之工厂模式
- 数据库学习总结
- matlab函数之bsxfun
- DOM节点的属性和方法
- 一个简单的驱动Makefile模板
- bzoj 4034 树上操作 (树链剖分 + 线段树)