国开电大《Dreamweaver网页设计》形考任务八答案

国开电大《Dreamweaver网页设计》形考任务八答案 | 零号床学习笔记
国开电大《Dreamweaver网页设计》形考任务八答案
提示:答案为HTML文件,用电脑下载压缩包可直接上传学习网,解压后可用记事本编辑
3
限时特惠
付费资源
已售 135

提示:答案为HTML文件,用电脑下载压缩包可直接上传学习网,解压后可用记事本编辑

形考任务八

HTML 调用js实现多项滑动门选项卡特效。

图片[1] | 国开电大《Dreamweaver网页设计》形考任务八答案 | 零号床学习笔记

参考代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title> js实现多项滑动门选项卡特效</title>

<style media="screen" type="text/css">

</style>

<script type="text/javascript" language="javascript">

//<!CDATA[

function g(o) { return document.getElementById(o); }

function hover_zzjs_net(n) {

//如果有N个标签,就将i<=N;

for (var i = 1; i <= 6; i++) { g('tab_zzjs_' + i).className = 'nor_zzjs'; g('tab_zzjs_0' + i).className = 'undis_zzjs_net'; } g('tab_zzjs_0' + n).className = 'dis_zzjs_net'; g('tab_zzjs_' + n).className = 'hovertab_zzjs';}

//如果要做成点击后再转到请将<li>中的onmouseover 改成 onclick;

//]]>

</script>

</head>

<body>

你的代码

</body>

</html>

© 版权声明
THE END
文章不错?点个赞呗
点赞11 分享