展开全部
<!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" />
<style>
body{font:14px/22px "宋体";}ul,li{margin:0;padding:0;list-style:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}.clearfix{zoom:1;}
.siderbar{width:300px;margin:30px;}
.jqtab_content ul{border:1px solid #eee;}
.jqtab_list li{float:left;width:60px;height:24px;text-align:center;margin-right:10px;cursor:pointer;border:1px solid #333;}
.jqtab_list li.current{ background:#999;font-weight:bold;}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//标签切换
$(".jqtab_content ul").hide();
$(".jqtab_list li:first-child").addClass("current");
$(".jqtab_content ul:first-child").show();
$(".jqtab_content ul").attr("id", function(){return "No" + $(".jqtab_content ul").index(this)});
$(".jqtab_list li").mousemove(function(){
$(this).addClass("current").siblings().removeClass("current");
var c = $(".jqtab_list li");
var j = c.index(this);
var objname = "No" + j;
$("#"+objname).siblings().hide();
$("#"+objname).show();
});
});
</script>
</head>
<body>
<div class="siderbar">
<ul class="jqtab_list clearfix"><li>产品特点</li><li>装配图</li><li>说明书</li><li>相关产品</li></ul>
<div class="jqtab_content">
<ul><li>内容11111例如这里可以使用DEDE的自定义字段 也就是你要显示的产品特点字段 {dede:field.tedian/}</li><li>内容11111</li></ul>
<ul><li>内容222</li><li>内容2222</li></ul>
<ul><li>内容33333</li><li>内容3333</li></ul>
<ul><li>内容444</li><li>内容444</li></ul>
</div>
</div>
</body>
</html>
帮你写了一份,你自己在完善一下CSS 就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
