-
V4.0怎样把导航那一栏拉变长一些,有些产品名称不能完全显
-
-
像上图这样的产品名称未完全显示出来,我应该怎样把这些名称能完全显示出来.产品中心下面的产品名称
-
3611 次浏览
6 条评论
收藏
6个评论
-
-
--
2020-12-01 10:00
-
js/screen.js已经告诉你路径了
-
-
回复 · 0条回复
-
-
-
--
2020-12-01 10:00
-
修改了以后,怎样让字左端对齐呢??
-
-
回复 · 0条回复
-
-
-
--
楼主 2020-12-01 10:00
-
具体怎么改的呀,详细说下呀,大神们,着急呀
-
-
回复 · 0条回复
-
-
-
--
2020-12-01 10:00
-
用你的方法我成功解决问题了,但我并没有改为AUTO,我是直接写入了像素值,,谢谢
-
-
回复 · 0条回复
-
-
-
--
楼主 2020-12-01 10:00
-
你上面说的这个是在哪里进去,我在产品文件代码中没有找到你上面说的这些项目
以下是我产品页代码
<!--{include file=\"<!--{$tplpath}-->block_header.tpl\"}-->
<div id=\"wrap\">
<!--{include file=\"<!--{$tplpath}-->block_top.tpl\"}-->
<!--{include file=\"<!--{$tplpath}-->block_banner.tpl\"}-->
<div id=\"web\">
<div id=\"left\">
<h3 class=\"title\"><span><a href=\"<!--{$url_index}-->\">首 页</a> >> <!--{$thepath}--></span></h3>
<div class=\"webcontent\">
<div id=\"product-list\">
<div id=\"plug2\">
<!--{foreach $product as $volist}-->
<dl style=\"height:165px;\">
<dt style=\"width:158px;\">
<a href=\"<!--{$volist.url}-->\" title=\"<!--{$volist.productname}-->\" target=\"_blank\"><img src=\"<!--{$volist.thumbfiles}-->\" alt=\"<!--{$volist.productname}-->\" title=\"<!--{$volist.productname}-->\" onload=\"javascript[s:3]rawImage(this,\'150\',\'150\');\" /></a>
</dt>
<dd style=\"width:167px;\">
<ul>
<li><b>名称 : </b><span class=\"title\"><a href=\"<!--{$volist.url}-->\" title=\"<!--{$volist.productname}-->\"><!--{$volist.productname|truncate:15:0:\"utf-8\"}--></a></span></li>
<li><b>编号 : </b><span><!--{$volist.productsn}--></span></li>
<li><b>分类 : </b><span><a href=\"<!--{$volist.caturl}-->\"><!--{$volist.catname}--></a></span></li>
<li><b>日期 : </b><span><!--{$volist.addtime|date_format:\'%Y-%m-%d\'}--></span></li>
</ul>
<div class=\"detail\"><a href=\"<!--{$volist.url}-->\" title=\"详细介绍\" target=\"_blank\"><img src=\"<!--{$skinpath}-->images/picd.gif\" title=\"详细介绍\" alt=\"详细介绍\" /></a></div>
</dd>
</dl>
<!--{/foreach}-->
</div><!-- #plug2 //-->
<div style=\"clear:both;\"></div>
</div>
<!--{if $showpage!=\"\"}-->
<div class=\"clear\"></div>
<div class=\"pagecode\"><!--{$showpage}--></div>
<!--{/if}-->
</div><!-- $webcontent //-->
</div><!-- #left //-->
<div id=\"right\">
<h3 class=\"title\"><span>产品分类</span></h3>
<div class=\"webnav\">
<!--{include file=\"<!--{$tplpath}-->block_productcat.tpl\"}-->
</div><!-- $webnav -->
<!--{include file=\"<!--{$tplpath}-->block_newnews.tpl\"}-->
<!--{include file=\"<!--{$tplpath}-->block_contact.tpl\"}-->
</div><!-- $right //-->
<div style=\"clear:both;\"></div>
</div>
<!--{include file=\"<!--{$tplpath}-->block_footer.tpl\"}-->
</div>
<script type=\"text/javascript\" src=\"<!--{$skinpath}-->js/screen.js\"></script>
</body>
</html>
-
-
回复 · 0条回复
-
-
-
--
2020-12-01 10:00
-
界面最后会被js/screen.js 进行重绘和动态修改 ,它调用了 js/downnav.js 这里定义了二级菜单的宽度
编辑 之vim js/downnav.js
function overnav(dom){
var my = dom.find(\'ul\');
var my_w = dom.outerWidth(true) + 18; // 这里给二级菜单的宽度增加18px ,问题出在这里,如果文本过长,会导致无法显示完整
var my_h = dom.outerHeight(true);
my.css({
\"position\" : \"absolute\",
\"display\" : \"block\",
\"height\" : \"auto\",
\"left\" : \"-9px\",
\"top\" : my_h,
\"width\" : my_w // 在这里二级菜单宽度被自动设置为 +18 的宽度 ,修正为 \"auto\" 值即可, 使其自动适应
});
}
最终为 \"width\" : \"auto\"
-
-
回复 · 0条回复
-
作者信息
-
关注
-
试
免费试用
-
咨询热线
-
咨询热线
020-82299 259
-
在线咨询