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

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

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

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属性--文字图片逐渐淡出的多媒体效果

您可能感兴趣的文章

区分文字的大小单位---px和pt CSS缩写 初学DIV+CSS,需要关注的六个问题 利用CSS的@font-face 在网页中嵌入字体 table建站,XHTML建站和DIV建站的不同 IE与Firefox的CSS兼容大全 CSS网页布局中常犯的几种小错误 DivCSS+JavaScript实现 始终居中的半透明弹出层 浏览器之间兼容性问题 从五个方面入手,让你写出更加专业的CSS代码 CSS中让图片居中的办法 一些常用CSS英文字体介绍 完全用CSS实现的中英文双语导航菜单 不用float实现div模块居中布局 怎么让一个DIV随窗口的变化而变化 好用的 overflow与text-indent:-9999px 文字隐藏及input value偏移 Blentrans属性--文字图片逐渐淡出的多媒体效果 区分id与class、padding和margin、min-height和height DIV CSS编码中容易出现的一些错误 WEB前端开发规范文档 高级技巧：css sprites技术 关于XHTML中的alt属性和title属性 页面垂直水平问题 CSS不透明的详细介绍 图示divcss帮助初学者的十种技巧和对Web标准的理解 字距letter-spacing和word-spacing 优化CSS代码 减小对系统资源的占用

最新推荐信息