css 特殊记录

input: outline:none;         /*去除input鼠标选择后的颜色边框(最近经常忘记,特此置顶)*/
box-sizing:border-box;       /*建议全站加上这个,无视边框border计算

插件开发 ATwidget 独立功能 Clock - 时钟 倒计时

关于AT-widget 如果你用过淘宝的kissy或者你是淘宝设计师也许你看就基本明白 AT-widget是什么 AT-widget能做什么。

为什么开发 AT-widget? 方便 简洁 易上手 。

为什么不直接用 kissy?也许大部分功能用不上。文件也很大。可以讲是我的一个借口吧··

AT-widget运行效率怎么样?对于大牛来讲 只能讲一般般吧。


现在给大家一个例子【Clock 功能】,看看ATwidget的作用

插件基于jQuery 开发所以jQuery引入是必不可少的

<div class="AT-Widget" attop-widget-type="Clock"  attop-widget-config="{ 'endTime': '3016/8/1 14:03:20'}">
    <div class="at-countdown-run">
      <span class="at-d">0</span>天
      <span class="at-h">0</span>小时
      <span class="at-m">0</span>分
      <span class="at-s">0</span>秒
      <!-- 如果有0.1秒级别的变化建议以gif背景图片的形式变化 -->
    </div>
    
    <div class="at-countdown-end">
    倒计时结束了!! hello AT-Widget
    </div>
</div>

自定义下拉菜单 带搜索功能

html

<div class="class_select_box">
						<input type="hidden" name="type" class="class_select_type" value="0" text="所属汽配城">
						<span class="class_select_span"><input value="所属汽配城" tip="所属汽配城"/></span>
						<span class="class_select_ico"></span>
						<div class="class_select_divbox">
							<p>没有查询到内容</p>
							<ul class="class_select_ul" id="auto"></ul>
						</div>
					</div>



支付宝打款代码

<form style="text-align: center;" action="https://shenghuo.alipay.com/send/payment/fill.htm" method="post" target="_blank"><input name="optEmail" type="hidden" value="aixingwuyue@qq.com">
<input name="title" type="hidden" value="" placeholder="官网赞助">
<input id="s" class="form-control" name="payAmount" type="text" value="20">
<input id="searchsubmit" type="submit" value="赞助"></form>