关于一个产品分类问题

670848654 · 发表于 2014-12-22 11:24:51

如果当点击产品名称2时,怎么刷新下面信息

就是这一块内容 , 该怎么实现,新手求详细解答

天外飘仙 · 发表于 2014-12-22 11:43:46

栏目1 2 3 4 5 分别做成不同的网页，共用一个导航栏或者说是头部；

然后导航栏上做好超链接就可以了

尛少爷 · 发表于 2014-12-22 18:36:36

这个有几种处理方法：
可以用DIV切换层的方法；
也可以用通过JQuery，用tab来实现，

比如如图：
选择第一个就显示第一种

选择第3个就显示第3种

具体样式自己写吧。

[code=JavaScript width=600px]
<head>
<script language="JavaScript" type="text/javascript">
function ChangeDiv(divId,divName,zDivCount)
{
for(i=0;i<=zDivCount;i++)
{
document.getElementById(divName+i).style.display="none";
//将所有的层都隐藏
}
document.getElementById(divName+divId).style.display="block";
//显示当前层
}
</script>
</head>
<body>
<span style="cursor:hand;">产品分类一</span>
<span style="cursor:hand;">产品分类二</span>
<span style="cursor:hand;">产品分类三</span>
<div id="JKDiv_0" style="font-size:14px;margin:20px;color:#FF0000;">产品分类一下的产品</div>
<div id="JKDiv_1" style="display:none;font-size:14px;margin:10px;color:#FF0000;">产品分类二下的产品</div>
<div id="JKDiv_2" style="display:none;font-size:14px;margin:10px;color:#FF0000;">产品分类三下的产品</div>
</body>
[/code]

670848654 · 发表于 2014-12-23 11:27:16

尛少爷发表于 2014-12-22 18:36
这个有几种处理方法：
可以用DIV切换层的方法；
也可以用通过JQuery，用tab来实现，

那么请问下,如何把图片不是竖着显示而是横着显示

尛少爷 · 发表于 2014-12-23 14:11:49

在产品显示的层，可以用ul 》 li 布局，给li元素加上一个“float:left;”属性，让每个li浮动在前面一个li的左面

过过过儿 · 发表于 2014-12-24 10:18:27

学习了~谢谢飘仙公主

526951834 · 发表于 2015-1-20 01:07:38

栏目1 2 3 4 5 分别做成不同的网页，共用一个导航栏或者说是头部；

然后导航栏上做好超链接就可以了

kx13vip · 发表于 2015-1-26 11:41:25

高见，学习了

很不爽 · 发表于 2015-6-24 15:43:36

这玩意好高大尚，我是看不懂了

一根小草草 · 发表于 2015-6-26 23:10:55

楼主真是辛苦了，这么精华的帖子还真不错，版主是不是要给精华才行哈，学习了！呵呵！帮顶！
changshakaifp.jimdo.com,wuhankaifp.jimdo.com,chongqinkfpiao.jimdo.com,bjkfp8.jimdo.com,shkfp8.jimdo.com,gzkfp8.jimdo.com,tjkfp8.jimdo.com,lskfp.jimdo.com,wlmqkfp.jimdo.com,xnkfp.jimdo.com,nxkfp.jimdo.com,hhhtkfp.jimdo.com,hzkfp8.jimdo.com,njkfp8.jimdo.com,jnkfp8.jimdo.com,cqkfp8.jimdo.com,qdkfp8.jimdo.com,dlkfp8.jimdo.com,nbkfp8.jimdo.com,xmkfp8.jimdo.com,cdkfp8.jimdo.com,whkfp8.jimdo.com,hrbkfp.jimdo.com,sykfp8.jimdo.com,xakfp8.jimdo.com,cckfp8.jimdo.com,cskfp8.jimdo.com,fzkfp8.jimdo.com,zzkfp8.jimdo.com,sjzkfp8.jimdo.com,gykfp.jimdo.com,szkfp8.jimdo.com,fskfp8.jimdo.com,dgkfp8.jimdo.com,wxkfp8.jimdo.com,ytkfp8.jimdo.com,tykfp8.jimdo.com,hfkfp8.jimdo.com,nckfp8.jimdo.com,nnkfp88.jimdo.com,kmkfp8.jimdo.com,wzkfp8.jimdo.com,tskfp.jimdo.com,bjkfp8888.jimdo.com,shkfp88.jimdo.com,gzkfp88.jimdo.com,nbkfp.jimdo.com,zhkfp.jimdo.com,jxkfp.jimdo.com,qhdkfp8.jimdo.com,dtkfp.jimdo.com,btkfp.jimdo.com,eedskfp.jimdo.com,jlkfp8.jimdo.com,qqhrkfp.jimdo.com,xzkfp.jimdo.com,czkfp.jimdo.com,wuhukfp.jimdo.com,qzkfp.jimdo.com,zbkfp.jimdo.com,lykfp.jimdo.com,kfkfp.jimdo.com,zzkfp.jimdo.com,glkfp.jimdo.com,lzkfp8.jimdo.com,bhkfp.jimdo.com,sykfp88.jimdo.com,hkkfp.jimdo.comn,ckfp88.jimdo.com,zykfp.jimdo.com,ljkfp.jimdo.com,dlkfp88.jimdo.com,beijkfpw.jimdo.com,shanghkfpw.jimdo.com,gzkfpw.jimdo.com,tjkfpw.jimdo.com,hzkfpw.jimdo.com,njkfpw.jimdo.com,jnkfpw.jimdo.com,cqkfpw.jimdo.com,qdkfpw.jimdo.com,dlkfpw.jimdo.com,nbkfpw.jimdo.com,xmkfpw.jimdo.com,cdkfpw.jimdo.com,whkfpw.jimdo.com,hrbkfpw.jimdo.com,sykfpw.jimdo.com,xnkfpw.jimdo.com,xakfpw.jimdo.com,cckfpw.jimdo.com,changskfpw.jimdo.com,fzkfpw.jimdo.com,bjkfp88.blog.com,shkfp88.blog.com,gzkfp88.blog.com,tjkfp88.blog.com,lskfp88.blog.com,wlmqkfp88.blog.com,xnkfp88.blog.com,hhhtkfp88.blog.com,hzkfp88.blog.com,njkfp88.blog.com,jnkfp88.blog.com,cqkfp88.blog.com,qdkfp88.blog.com,dlkfp88.blog.com,nbkfp88.blog.com,xmkfp88.blog.com,cdkfap88.blog.com,whkfap88.blog.com,hrbkfp88.blog.com,sykfp88.blog.com,xakfp88.blog.com,cckfp88.blog.com,cskfp88.blog.com,fzkfp88.blog.com,zzkfp88.blog.com,sjzkfp88.blog.com,gykfp88.blog.com,szkfp88.blog.com,fskfp88.blog.com,dgkfp88.blog.com,whkfp521.blog.com,whfp520.blog.com,wxkfp88.blog.com,ytkfp88.blog.com,tykfp88.blog.com,hfkfp88.blog.com,nckfp88.blog.com,nnkfp88.blog.com,kmkfp88.blog.com,wzkfp88.blog.com,tskfp88.blog.com,hnkfp88.blog.com,hbkfp88.blog.com,gdkfp88.blog.com,sckfp88.blog.com,minfanwltk.cn,isbym.cn,scxljk.cn,nbkfp.spzs.com,tjkfp.spzs.com,hzkfp.spzs.com,bjkfp.chnindex.com,shkfp.chnindex.com,gzkfp.chnindex.com,tjkfp.chnindex.com,yigenxiaocaocao1.chnindex.com,lskfp.chnindex.com,wlmqkfp.chnindex.com,xnkfp.chnindex.com,yckfp.chnindex.com,hhhtkfp.chnindex.com,hzkfp.chnindex.com,njkfp.chnindex.com,jnkfp.chnindex.com,cqkfp.chnindex.com,qdkfp.chnindex.com,dlkfp.chnindex.com,nbkfp.chnindex.com,xmkfp.chnindex.com,cdkfp.chnindex.com,whkfp.chnindex.com,hrbkfp.chnindex.com,sykfp.chnindex.com,xakfp.chnindex.com,cckfp.chnindex.com,cskfp.chnindex.com,fzkfp.chnindex.com,zzkfp.chnindex.com,sjzkfp.chnindex.com,gykfp.chnindex.com,szkfp.chnindex.com,fskfp.chnindex.com,dgkfp.chnindex.com,wxkfp.chnindex.com,ytkfp.chnindex.com,tykfp.chnindex.com,hfkfp.chnindex.com,nckfp.chnindex.com,nnkfp.chnindex.com,kmkfp.chnindex.com,jlkfp.chnindex.com,qqhekfp.chnindex.com,xzkfp.chnindex.com,shkfpiao.tumblr.com,changshakaifp.weebly.com,bjkfp8.weebly.com,shkfp8.weebly.com,t.qq.com/cqsffbwang,t.qq.com/xkcqsifu,t.qq.com/wlqpyouxi

		自动登录	找回密码
密码			立即注册

关于一个产品分类问题

评分

点评

站长推荐 /1