2026年春国开电大Dreamweaver网页设计形考任务五

HTML 调用js实现多项滑动门选项卡特效。参考代码<html xmlns=”http://www.w3.org/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /><title> js实现多项滑动门选项卡特效&lt
温馨提示! 升级 VIP 1 免费下载,你当前 未登录
温馨提示! 你需要支付 ¥8.00 元后才可以下载

文档介绍

注意:因为学习平台题目是随机,选择题选项也是随机,一定注意答案对应的选项,同学们在本页按“Ctrl+F”快捷搜索题目中“关键字”就可以快速定位题目!!!

同专业其他作业点击右侧标签查看

 

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

参考代码

<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”>

//

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’;}

//如果要做成点击后再转到请将

中的onmouseover 改成 onclick;
//]]>

</script>

</head>

<body>

你的代码

</body>

</html>

参考答案

<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”>

//

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’;}

//如果要做成点击后再转到请将

中的onmouseover 改成 onclick;
//]]>

</script>

</head>

<body>

一、内容
二、内容
三、内容
四、内容
五、内容
六、内容
< href=”#”>一、内容,测试内容一!
< href=”#”>二、内容,测试内容二!
< href=”#”>三、内容,测试内容三!
< href=”#”>四、内容,测试内容四!
< href=”#”>五、内容,测试内容五!
< href=”#”>六、内容,测试内容六!
</body>

</html>

<>

(需要定制联系客服)

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部