《zencart 响应式模板设计》 莆田zen-cart建站 莆田zencart培训_外贸培训_莆田外贸-莆田外贸培训 -


莆田外贸

查看: 6672|回复: 11
打印 上一主题 下一主题

《zencart 响应式模板设计》 莆田zen-cart建站 莆田zencart培训

[复制链接]

484

主题

603

帖子

4549

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4549

生肖虎莆常住居民

QQ
跳转到指定楼层
楼主
发表于 2016-5-7 04:48:29 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
课题《zencart 响应式模板设计》
一、bootstrap引入
步骤1、到bootstrap官方下载代码
       2、解压到对应的目录下
       3、模板头部调用代码


收藏收藏 转播转播
赞助我们:
微信
外贸建站、外贸培训、企业建站、网络推广、服务器域名销售、程序二次开发、微信营销。QQ1806098280
回复

使用道具 举报

484

主题

603

帖子

4549

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4549

生肖虎莆常住居民

QQ
12#
 楼主| 发表于 2016-5-7 05:04:30 | 只看该作者
《响应式导航》
引入文件
<!-- 引入这些文件至 <head> 中 -->
<link rel="stylesheet" href="responsive-nav.css">
<script src="responsive-nav.js"></script>


添加标签
<div id="nav">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Projects</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</div>


启动此插件
<!-- 将下面这段代码放置在 </body> 之前 -->
<script>
  var navigation = responsiveNav("#nav");
</script>


调整参数
var navigation = responsiveNav("#nav", { // Selector: The ID of the wrapper
  animate: true, // Boolean: 是否启动CSS过渡效果(transitions), true 或 false
  transition: 400, // Integer: 过渡效果的执行速度,以毫秒(millisecond)为单位
  label: "Menu", // String: Label for the navigation toggle
  insert: "after", // String: Insert the toggle before or after the navigation
  customToggle: "", // Selector: Specify the ID of a custom toggle
  openPos: "relative", // String: Position of the opened nav, relative or static
  jsClass: "js", // String: 'JS enabled' class which is added to <html> el
  debug: false, // Boolean: Log debug messages to console, true 或 false
  init: function(){}, // Function: Init callback
  open: function(){}, // Function: Open callback
  close: function(){} // Function: Close callback
});


可调用的方法
/ 销毁插件
navigation.destroy();

// Toggle
navigation.toggle();

responsive-nav.js-master.zip

130.71 KB, 下载次数: 123

外贸建站、外贸培训、企业建站、网络推广、服务器域名销售、程序二次开发、微信营销。QQ1806098280
回复 支持 反对

使用道具 举报

484

主题

603

帖子

4549

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4549

生肖虎莆常住居民

QQ
11#
 楼主| 发表于 2016-5-7 04:52:48 | 只看该作者
10
外贸建站、外贸培训、企业建站、网络推广、服务器域名销售、程序二次开发、微信营销。QQ1806098280
回复

使用道具 举报

484

主题

603

帖子

4549

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4549

生肖虎莆常住居民

QQ
10#
 楼主| 发表于 2016-5-7 04:52:04 | 只看该作者
9
外贸建站、外贸培训、企业建站、网络推广、服务器域名销售、程序二次开发、微信营销。QQ1806098280
回复

使用道具 举报

484

主题

603

帖子

4549

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4549

生肖虎莆常住居民

QQ
9#
 楼主| 发表于 2016-5-7 04:51:35 | 只看该作者
8
外贸建站、外贸培训、企业建站、网络推广、服务器域名销售、程序二次开发、微信营销。QQ1806098280
回复

使用道具 举报

484

主题

603

帖子

4549

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4549

生肖虎莆常住居民

QQ
8#
 楼主| 发表于 2016-5-7 04:51:09 | 只看该作者
7
外贸建站、外贸培训、企业建站、网络推广、服务器域名销售、程序二次开发、微信营销。QQ1806098280
回复

使用道具 举报

484

主题

603

帖子

4549

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4549

生肖虎莆常住居民

QQ
7#
 楼主| 发表于 2016-5-7 04:50:51 | 只看该作者
6
外贸建站、外贸培训、企业建站、网络推广、服务器域名销售、程序二次开发、微信营销。QQ1806098280
回复

使用道具 举报

484

主题

603

帖子

4549

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4549

生肖虎莆常住居民

QQ
6#
 楼主| 发表于 2016-5-7 04:50:35 | 只看该作者
5
外贸建站、外贸培训、企业建站、网络推广、服务器域名销售、程序二次开发、微信营销。QQ1806098280
回复

使用道具 举报

484

主题

603

帖子

4549

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4549

生肖虎莆常住居民

QQ
5#
 楼主| 发表于 2016-5-7 04:50:21 | 只看该作者
4
外贸建站、外贸培训、企业建站、网络推广、服务器域名销售、程序二次开发、微信营销。QQ1806098280
回复

使用道具 举报

484

主题

603

帖子

4549

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4549

生肖虎莆常住居民

QQ
地板
 楼主| 发表于 2016-5-7 04:49:51 | 只看该作者
3
外贸建站、外贸培训、企业建站、网络推广、服务器域名销售、程序二次开发、微信营销。QQ1806098280
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

广播台



首 页|关于我们|广告联系|Archiver|手机版|百姓活动Q群:195562840|品牌招募|友情申请

Copyright © 2012-2015 莆田百姓通(http://www.ptbaixing.com) 版权所有 All Rights Reserved.

免责声明: 本网不承担任何由内容提供商提供的信息所引起的争议和法律责任。

Powered by Discuz! X3.2 技术支持: 莆田百姓电商 闽ICP备14001707号-1    QQ

快速回复 返回顶部 返回列表