热门搜索：
您当前的位置是：首页-CSS+DIV教程

CSS+jS实例:显示和隐藏 图片

【发表于】:2011/5/16 23:23:00  已被访问:621次

CSS+jS实例:显示和隐藏 图片

<html>
　　<head>
　　<script language="JavaScript">
　　<!--
　　ns4 = (document.layers)? true:false
　　ie4 = (document.all)? true:false
　　function init() {
　　if (ns4) block = document.blockDiv
　　if (ie4) block = blockDiv.style }//*设置对象block*//
　　function showObject(obj) {
　　if (ns4) obj.visibility = "show"
　　else if (ie4) obj.visibility = "visible" }
　　function hideObject(obj) {
　　if (ns4) obj.visibility = "hide"
　　else if (ie4) obj.visibility = "hidden" }
　　//*定义两个函数分别用来显示、隐藏对象block*//
　　//--> </script> </head>
　　<body onLoad="init()">
　　<a href="Ｊavascript:showObject(block)">显示-show</A>
　　<a href="Ｊavascript:hideObject(block)">隐蔽-hide</A>
　　//*两个超链接调用Ｊavascript中的两个函数*//
　　<div id="blockDiv" style="position:absolute; left:50; top:100;
　　width:200; visibility:visible;">
　　<img src="ss01094.jpg" border=0> </DIV> //*导入一张图片*//
　　</body>
　　</html>

 
上下篇: CSS中内联元素与块级元素 Blentrans属性--文字图片逐渐淡出的多媒体效果

您可能感兴趣的文章

WEB2.0标准教程：第二天 什么是名字空间 CSS选择器之四种CSS伪类选择器 CSS中文字体的英文名总汇 浏览器默认HTML的CSS样式属性 WEB2.0标准教程：如何应用WEB标准改善现有网站？ 注意CSS缩写,让你的CSS代码更简洁 讲解CSS层叠与继承 CSS教程--定位position和浮动float CSS的继承性 标签内设置了float:left又设置display:inline。 CSS网页布局中常犯的几种小错误 浏览器之间兼容性问题 关于XHTML中的alt属性和title属性 区别div和span、relative和absolute、display和visibility 菜鸟运用CSS改进网站设计的3个技巧 符合w3c标准flash(swf)插入代码,常用flash参数设置 CSS3圆角--兼容所有浏览器 CSS的ID与class类的长命名和短命名的问题 利用CSS的@font-face 在网页中嵌入字体 九个CSS3结构性伪类选择器 对CSS网页布局中文排版妙招 优化CSS代码 减小对系统资源的占用 CSS中可以控制换行的四种属性 10个CSS技巧 字距letter-spacing和word-spacing 网页布局中 tbody标签与thead和tfoot标签使用 a:link,a:visited,a:hover,a:active 分别是什么意思?

最新推荐信息