当前位置: 首页 > 相关下载 > ecshop插件 >

仿京东首页放大镜{需要的进，已经可用}！！

授权方式：共享软件 插件大小：0.00 MB 插件语言：简体中文 插件等级：★★★☆☆ 发布时间：2010-08-03 演示网址：http://www.banma.cc 官方网址：http://www.banma.cc 下载次数：
软件介绍
　

在论坛里看见首页放大镜开心了一把，但是根据提示一步一步修改操作还是显示不出来！不知道哪里出了问题，求救下！（已经解决，谢谢论坛的各位朋友！）

我的操作如下：

首先在==index.dwt==里添加如下代码（红色部分）
<!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=gbk" />
<meta name="Keywords" content="{$keywords}" />
<meta name="Description" content="{$description}" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>{$page_title}</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon.gif" type="image/gif" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="js/preview_templates.js" language="JavaScript" type="text/javascript"></script>
<script src="js/loader.js" language="JavaScript" type="text/javascript"></script>
<link rel="alternate" type="application/rss+xml" title="RSS|{$page_title}" href="{$feed_url}" />
{* 包含脚本文件 *}
{insert_scripts files='common.js,index.js'}
</head>
<body>
<div style="display: none; position: absolute;z-index:110; " id="preview_div"></div>
<!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem -->
<!-- #BeginLibraryItem "/library/search_form.lbi" --><!-- #EndLibraryItem -->
<!--主体内容 start-->
<div class="block clearfix">
<div class="mod2">

然后在==style.css==里添加如下代码（红色部分）

.border_preview { text-align:center; width:145px; height:205px; border:1px solid #CCC;  background:#fff;z-inde     x:500; overflow:hidden; position:absolute; }
.preview_temp_load { text-align:center; vertical-align:middle; height:385px;valign:middle;}

最后修改==recommend_hot.lbi==代码

由原来蓝色部分修改红色部分：

<div class="goodsMod goodsModH200">
   <a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" /></a><br />
  <p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}</a></p>
  <font class="f1">
  <!-- {if $goods.promote_price neq ""} -->
  {$lang.promote_price}<b>{$goods.promote_price}</b><br />
  <!-- {else}-->
  {$lang.shop_price}<b>{$goods.shop_price}</b><br />
  <!--{/if}-->
  </font>
  <a href="javascript:collect({$goods.id})"><img src="images/but_coll.jpg"></a> <a href="javascript:addToCart({$goods.id})"><img src="images/but_buy.jpg"></a>
</div>

修改后：
<div class="goodsMod goodsModH200">
 

 


 


  <p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}</a></p>
  <font class="f1">
  <!-- {if $goods.promote_price neq ""} -->
  {$lang.promote_price}<b>{$goods.promote_price}</b><br />
  <!-- {else}-->
  {$lang.shop_price}<b>{$goods.shop_price}</b><br />
  <!--{/if}-->
  </font>
  <a href="javascript:collect({$goods.id})"><img src="images/but_coll.jpg"></a> <a href="javascript:addToCart({$goods.id})"><img src="images/but_buy.jpg"></a>
</div>


最后一定要注意：把JS文件放在根目录低下的JS文件夹里！！

下载地址
下载说明

☉推荐使用第三方专业下载工具下载本站软件，使用WinRAR v3.10以上版本解压本站软件。
☉如果这个软件总是不能下载的请点击报告错误,谢谢合作!!
☉下载本站资源，如果服务器暂不能下载请过一段时间重试！
☉如果遇到什么问题，请到本站论坛去咨寻，我们将在那里提供更多 、更好的资源！
☉本站提供的一些商业软件是供学习研究之用，如用于商业用途，请购买正版。