九坊设计

敬请关注:我们的淘宝SDK模板开发博客。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2012年11月17日

摘要: 十天学会KISSY淘宝TAE SDK2.0应用篇(二):如何获取模块中的元素?在淘宝店铺模板开发中,JAVASCRIPT其主要目的是对模块内的DOM元素添加行为并控制其属性。所以,至关重要的一点就是如何获取到我们所需要的那一个元素,它有可能是div span p 等任何存在的元素。下面的代码获取到了模块内的class="test"的元素。(function(S) { var objDiv = S.DOM.query('.test');})(KISSY);objDiv 是一个数组,包含了该模块内,所有class="test"的元素,我们可以 阅读全文

posted @ 2012-11-17 17:39 TaoBaoSDK 阅读(964) 评论(0) 推荐(0)

摘要: 首先,请浏览的同学注意:这一系列的文章都是针对KISSY在目前淘宝TAE SDK2开发工具中的应用,不是淘宝装修市场设计师的同学,可以免看哈。。。。十天学会KISSY淘宝TAE SDK2.0应用篇 —— 第1课 如何开始?在您的SDK工具中创建一新的模块,记得勾选【创建JS文件】,然后从如下形式的位置找到这个JS文件: 模板/modules/模块/assets/javascripts/module.js默认这个文件是空白,我们需要在这里输入一些JS代码。第一步:如何开始写编码?在您的JS文件中输入始下代码:(function(S){ //这里开始编写您的JS代码})(... 阅读全文

posted @ 2012-11-17 00:56 TaoBaoSDK 阅读(993) 评论(0) 推荐(0)

2012年1月11日

摘要: 在开发淘宝SDK模板时,在module.xml中经常需要配置变量以便于用户进行模板的编辑。但难免用户在输入参数时,忘记了输入参数。此是,我们就得使用在PHP代码中加入一段判断用户是否输入了参数的代码,常用的有两种方式:方式一:使用$_MODULE['变量名']的方式if($_MODULE['var']) { // 这是表示已经输入了值}else { // 这里表示未输入值}这种方法很简单,我也一直常用。方式二:先赋值,再用empty判断。但有时候,为了代码的紧凑性,经常需要在模块的PHP文件中的最前面初始化变量的值。然后再逐一判断用户哪些输入是有效的,如果出现了 阅读全文

posted @ 2012-01-11 01:17 TaoBaoSDK 阅读(16204) 评论(1) 推荐(1)

摘要: 今天在编写淘宝SDK模板时,需要做一个双面展示的效果(即:鼠标指向某个图片时,显示另一个图片)。以前我都是用Popup弹出层的方法来制作,但一直都不喜欢用这种很长的代码方式。所以,今天决定改写这样的双面展示的效果。随即想到了如下结构:<div class="pic"> <a href="#"> <div class="p1"><img src="p1.gif" /></div> <div class="p2"><img 阅读全文

posted @ 2012-01-11 00:51 TaoBaoSDK 阅读(551) 评论(0) 推荐(0)

2011年12月12日

摘要: 很多情况下,图片下边会有一个不定高度的下边距,有时候会为设计带来比较大的障碍!图片出现下边距的主要原因是:图片底部的空隙实际上涉及行内元素的布局模型,图片默认的垂直对齐方式是基线,而基线的位置是与字体相关的。所以在某些时候,图片底部的空隙可能是 2px,而有时可能是 4px 或更多。不同的 font-size 应该也会影响到这个空隙的大小。解决的办法是:1、将图片的display设置为block;(设置为块级对象)2、将图片的vertical-align设置为top或bottom。 阅读全文

posted @ 2011-12-12 17:21 TaoBaoSDK 阅读(817) 评论(0) 推荐(0)