2014年4月21日
摘要: 在做web前端开发中,图片左右滑动的功能非常常用。在自己的改进下,这款插件支持1.滑动方向的控制,上下滑动,左右滑动。2.可随意改变滑动的区域大小3.滑动中的样式都可以自定义。4.兼容性良好,moz,ie,webkit5.对滑动加入延迟加载6.支持页面中的多处调用以下是代码解析:下看html结构: ... 阅读全文
posted @ 2014-04-21 00:10 huanhuan8808 阅读(532) 评论(0) 推荐(0) 编辑
  2014年3月30日
摘要: 一artDialog中的time参数,是用来表示几秒钟之后关闭对话框。但是在用的时候发现一个问题artdialog中的time属性 在弹出对话框之后,程序不能继续执行。在解决办法就是将后续的程序放在close() 函数中执行。artdialog中的time属性 问题得到解决二,ajax中的请求有异步和同步之分。ajax中的请求有异步和同步之分,在默认的请求中async默认为true,如果要设置为同步请求,修改为false。在工作中,做一个预约抢购活动。业务逻辑是,在预约阶段,如何用户已预约,将展示预约码,不展示“立即预约”按钮。但是问题是,在后面... 阅读全文
posted @ 2014-03-30 15:43 huanhuan8808 阅读(885) 评论(0) 推荐(0) 编辑
  2014年3月13日
摘要: 记录下html代码情人节专题 插件代码:$.extend({ showImages: function(imglist){ var xOffset = 10; var yOffset = 30; var img = $("#"+imglist).find('img'); $(img).hover( function(e){ var _src = $(this).attr('src'); $("").appendTo("body"); $('#imgshow').css("top 阅读全文
posted @ 2014-03-13 10:51 huanhuan8808 阅读(177) 评论(2) 推荐(0) 编辑
  2014年3月10日
摘要: 1重新梳理自己所做的webapp2重点温习总结CSS3.0和HTML53当然不忘记,追剧《神盾局特工》 阅读全文
posted @ 2014-03-10 10:14 huanhuan8808 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 一:知名博客:1腾讯web前端博客 http://www.alloyteam.com/ 2http://www.zhangxinxu.com/wordpress/?p=518二、响应式开发:1响应式 http://mp.weixin.qq.com/s?__biz=MjM5NjA3ODI3Ng==&mid=200038720&idx=1&sn=d9c977eed7179860f5a7efe4f6590903 2响应式设计 http://mp.weixin.qq.com/s?__biz=MjM5NjA3ODI3Ng==&mid=200037524&idx=1 阅读全文
posted @ 2014-03-10 09:59 huanhuan8808 阅读(320) 评论(2) 推荐(1) 编辑
  2014年2月27日
摘要: 1适应IOS,安卓,IOS的字体调整-webkit-text-size-adjust:none; 禁止在旋转的时候调节字体大小 阅读全文
posted @ 2014-02-27 10:41 huanhuan8808 阅读(284) 评论(2) 推荐(1) 编辑
  2014年2月25日
摘要: 抢购商品的业务逻辑 阅读全文
posted @ 2014-02-25 11:14 huanhuan8808 阅读(253) 评论(0) 推荐(0) 编辑
  2014年1月15日
摘要: 好好总结下前端页面中经常会用到的一些效果,到时候用的时候就省事很多的。现在弄一个图片放大的效果,在展示产品的时候经常用到。就算是展示自己的图片,也能展示的完美,这叫合理利用空间。思想内容是:当鼠标移动到小图片的列表区域中,将选中的图片克隆,然后将克隆的图片变大,鼠标移开,去掉克隆的html结构。图片放大 重点的javascript来了但是你会发现一个问题,放大的图片总会出现在一个地方,不会跟随鼠标的移动而移动。这个就需要 mousemove事件$('#imglist').find("img").mousemove( ... 阅读全文
posted @ 2014-01-15 14:38 huanhuan8808 阅读(229) 评论(0) 推荐(0) 编辑
摘要: 自己做公司产品的移动站已经有好几个月,在做前端开发中,遇到的点,整理如下。开发前:1,需要知道页面的宽度的适应范围,这个涉及到你的测试结果。首先你要明确产品的定位,是适应绝大多数手机,平板,还是全部适应。这个可以借鉴几大电商网站的移动产品,例如淘宝的http://m.taobao.com/,易讯的http://m.51buy.com/,这些都是适应320px-960px范围内,屏幕自动适应。2,确定你的开发工具,绝大多数人使用的当然是DreamWeaver,推荐使用Notepad++。你在电脑端浏览器查看你的移动站时,请使用google浏览器,有的移动站在其他浏览器下就是一堆乱。3,测试工具。 阅读全文
posted @ 2014-01-15 12:01 huanhuan8808 阅读(277) 评论(1) 推荐(1) 编辑
  2013年12月29日
摘要: 在完成工作中,遇到了一个问题,就是一个div上面再放一个div(绝对定位),但是对下面div使用focus,没有任何反应。刚开始的代码是这样的: 所有会员都可以免费申请,无需支付邮费;每位会员共有3次提交申请机会,每次申请字数限制200字内; 页面是这样的第一次点击输入框之后,里面的字消失,所以对label标签使用绝地定位,但是一直点击,没有反应。解决的办法就在label for属性与textarea绑定。具体做法:code: 所有会员都可以免费申请,无需支付邮费;每位会员共有3次提交申请机会,每次申请字数限制200字内; ... 阅读全文
posted @ 2013-12-29 23:29 huanhuan8808 阅读(469) 评论(1) 推荐(1) 编辑