文档介绍：<iframe id="myframe" src="http://news./free/?keyword=&pigid=603920" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" width="310" height="370"></iframe>
<iframe id="myframe" src="http://news./free/?keyword=&pigid=603920" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" width="310" height="370"></iframe>
<iframe id="myframe" src="http://news./free/?keyword=&pigid=603920" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" width="310" height="370"></iframe>
电台实时收听免费代码
<script language="JavaScript" src="http://w1./dt/"></script>
<script language="JavaScript" src="http://w1./dt/"></script>
免费背景音乐代码:
<IFRAME src=http://w2./midi/ width=0 height=0 frameborder=0
7、显示和隐藏
我们来看一下这个例子,点击图片下方的文字使图片显示/隐藏
显示- show 隐藏- hide
我们来看一下这个例子的源代码:
<html>
<head>
<script language="JavaScript">
<!--
ns4 = ()? true:false
ie4 = ()? true:false
function init() {
if (ns4) block =
if (ie4) block = }//*设置对象block*//
function showObject(obj) {
if (ns4) = "show"
else if (ie4) = "visible" }
function hideObject(obj) {
if (ns4) = "hide"
else if (ie4) = "hidden" }
//*定义两个函数分别用来显示、隐藏对象block*//
//--> </script> </head>
<body onLoad="init()">
<a href="javascript:showObject(block)">显示-show</A>
<a href="javascript:hideObject(block)">隐蔽-hide</A>
//*两个超链接调用javascript中的两个函数*//
<div id="blockDiv" style="position:absolute; left:50; top:100;
width:200; visibility:visible;">
<img src="" border=0> </DIV> //*导入一张图片*//
</body>
</html>
我们看到这段代码有一些不同于前面的例子的特点。其实CSS大部分动态的特效都是
DHTML的范畴。
也就是说,它们都是CSS与JavaScript结合起来实现的一种效果。另外,上面这个例
子还涉及到了IE和NS兼容的问题。我们将在下一节针对两种浏览器的兼容问题做详细讲
解。
通过下面这个例子,您可以把图片移动到指定的地方。
实现这个例子的代码是这样的:
<html>
<head>
<script language="JavaScript">
<!--
ns4 = (