`
xllily
  • 浏览: 121567 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ECshop 开发人性小功能之一

阅读更多
ecshop添加功能 写道
在Ecshop里 添加一些人性化的小功能 很有用哦

 

go-top

 

利用jqu 没有做不到事情 不信来看看  现在商城五花八门 购物模式缺啥一成不变 那么 我们就来比比谁的用户体验好 对吧

 

谁为用户想的周到 谁就是大哥大!!!

 

上篇文章说道给小站加个返回顶部的按钮,很简单很实用很友好。一句html插入代码、一句CSS美化代码、一句jQuery滑动代码,轻松搞定!这篇文章接着来说,相关代码上篇文章也已补充,今儿就主要来说说代码的含义。

既然用了,顺便了解学习下它的含义,那是不学白不学的事儿呀!先看效果图,最好是亲自点击体验:

huadong.jpg

图中左手边三个图标,功能分别是滑动到顶部、到评论、到底部。具体代码:

 

<div id="shangxia"><div id="shang"></div><div id="comt"></div><div id="xia"></div></div>
// 一个div标签包裹着三个空div标签而已,只为插入显示内容,可放header.php内
#shangxia{position:fixed;top:40%;left:50%;margin-left:-520px;display:block;}
/* 使用fixed使id=“shangxia”的对象固定于浏览器中,相对的上距离为40%,左距离为50%(即居中),然后向左移动520px(需自行调整!!!) */
#shang{background:url(images/shang.gif) no-repeat;position:relative;cursor:pointer;height:32px;width:32px;margin:10px 0;}
#xia{background:url(images/xia.gif) no-repeat;position:relative;cursor:pointer;height:32px;width:32px;margin:10px 0;}
#comt{background:url(images/comt.gif) no-repeat;position:relative;cursor:pointer;height:32px;width:32px;margin:10px 0;}
$('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 
//点击id="shang"对象时,滑动至相对浏览器滚动条为0px(即顶部),时间为800毫秒
$('#comt').click(function(){$('html,body').animate({scrollTop:$('#comments').offset().top}, 800);});
//点击id="comt"对象时,滑动至id="comment"相对浏览器滚动条的距离,时间为800毫秒
$('#xia').click(function(){$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);});

提示:注意各id(#)或者class(.)之间对应的关系,css中margin-left:-520px;请自行调试!

分享到:
评论

相关推荐

    ecshop 2.5正式版

     ECShop开发了独有的高效模板引擎(2.15以前版本使用smarty模板引擎),并结合了Dreamweaver的模板和库功能,使得编辑制作模板变得更简单。  开放的插件机制  支付、配送,会员整合都是以插件形式实现。商家可以...

    ecshop商城系统手册

    经过近两年的发展,ECShop网店系统无论在产品功能、稳定性、执行效率、负载能力、安全性和SEO支持(搜索引擎优化)等方面都居国内同类产品领先地位,成为国内最流行的购物系统之一。 服务: 灵活的模版机制 ...

    ecshop数据

    因此,ECShop已成为国内最受欢迎的购物系统之一。 ECShop的数据结构设计严谨,其中包含多个关键表用于存储网店的各种信息。例如,商品分类表(category)用于存储商品的分类信息,包括分类编号(cat_id)、分类名称...

    ecshop模板制作引导手册.pdf

    ECShop因其产品功能、稳定性、执行效率、负载能力、安全性和SEO支持等方面的优势,在国内同类产品中占据领先地位,成为国内最流行的购物系统之一。其官方网站和论坛为用户提供了丰富的资源和支持。用户还可以根据...

    Ecshop动态网站毕业论文.doc

    Ecshop动态网站毕业论文 Ecshop是上海商派网络科技有限公司(ShopEx)旗下的B2C独立网店...Ecshop网店系统是国内最流行的购物系统之一,具有强大的功能和灵活的模板机制,为企业和个人提供了完美的网上商店解决方案。

    ECShop v2.7.2 正式版 GBK.rar

    由专业的开发团队升级维护,为您提供及时高效的技术支持,您还可以根据自己的商务特征对ECSHOP进行定制,增加自己商城的特色功能。此版本提高了用户体验,优化代码,提升安全性,对原有产品各功能线进行梳理合理优化...

    ECSHOP模板

    5. **购物车与结算功能**:ECSHOP系统内建的购物车和结算流程是其核心功能之一,趣玩模板在此基础上可能进行了优化,使购物流程更加顺畅,减少用户流失。 6. **促销活动支持**:模板通常会集成各种促销模块,如满减...

    ecshop动态网站毕业论文正文终稿.doc

    ECShop自2005年发布以来,经过近两年的发展,已经成为国内最流行的购物系统之一。ECShop网店系统无论在产品功能、稳定性、执行效率、负载能力、安全性和SEO支持(搜索引擎优化)等方面都居国内同类产品领先地位。 ...

    网站建设必备程序2之ShopEx 4.85和ECShop_V2.7.2(网店和商城)

    商品分类页排序按钮变更为更流行的按钮样式,使之更加人性化。上传商品相册图片,使之能够支持外链图片。 ShopEx 4.85网店系统 ShopEx 4.85网店系统由近百人资深研发团队,历时7年精心打造,以专业的功能、领先的...

    商城程序源码

    ECShop开发了独有的高效模板引擎(2.15以前版本使用smarty模板引擎),并结合了Dreamweaver的模板和库功能,使得编辑制作模板变得更简单。 开放的插件机制 支付、配送,会员整合都是以插件形式实现。商家可以随时增加...

    ECShop开源网上商城系统 v2.6.0 UTF8版

    由专业的开发团队升级维护,为您提供及时高效的技术支持,您还可以根据自己的商务特征对ECSHOP进行定制,增加自己商城的特色功能。 此版本提高了用户体验,优化代码,提升安全性,对原有产品各功能线进行梳理合理...

    ECShop开源网上商城系统 v2.6.0 GBK版

    由专业的开发团队升级维护,为您提供及时高效的技术支持,您还可以根据自己的商务特征对ECSHOP进行定制,增加自己商城的特色功能。 此版本提高了用户体验,优化代码,提升安全性,对原有产品各功能线进行梳理合理...

Global site tag (gtag.js) - Google Analytics