作品

jq省级二级级联插件
jq图片上传裁切插件

Read More

练习

PSD TO XHTML切图练习
JPG TO XHTML 切图练习
通过多练熟悉各种结构的写法,提高代码耦合性及可重复性。其中包括切图,xhtml页面编写,js,jQuery特效编写…

Read More

推荐阅读

javascript Dom 编程艺术

Read More

有阴影的地方,必定有光

很久没去电影院,
去看一部真正称之为感动的电影,
“在放手之前,想要抓多紧,就抓多紧”,
独白轻浮,和一封左支右绌一封不知所云的情书

五月天在歌中唱到:
命運偷走如果 只留下結果
時間偷走初衷 只留下了苦衷
你來過 然後你走後 只留下星空

回忆像不变的星空,引领你走进十字路口,
一个人,还是一个人,习惯一个人,
却会记得某年某刻头上的那片星空,
勇敢的独自飞跃月光倾斜的城市上空

那时候,未来遥远而没有形状,
梦想还不知道该叫什么名字

–豆瓣

 

 

涂鸦

jqUpCrop 插件

  主要整合了uploadify 和 Jcrop,可分为图片上传+图片上传裁切。   带切图的图片上传 $(function(){ //使用插件 $("#file_upload").jqUpCrop(); /* 默认参数 var defaults ={ buttonText : "上传图片", completeText : "已完成!", cancelText : "已取消!", multi : false, fileTypeDesc : "图片", fileTypeExts : "*.gif;*.jpg;*.png", swf : "uploadify.swf", fileSizeLimit : "2048KB", uploader : "uploadify.php", onUploadSuccess : function(file,data,res){}, bigImg : "#bigImg", smallImg : "#smallImg", smallImgWp: "#preview_box", upfolder : "uploads/", [...]

解决window.open被浏览器阻止

window.open(url) 可以新开窗口跳转链接。但现在往往很多浏览器的安全设置和屏蔽广告机制,会阻止window.open事件。 同一页面可以模拟a标签跳转,利用window.location.href=url进行跳转。 由于项目是弹出框里面的iframe,需要父窗口弹出且不被浏览器阻止,GG之,发现还可以利用form提交形式,于是就有了:   //父窗口对象 var body = window.parent.document.body; //orderid 通过ajax方式取得,创建表单对象 var orderForm = $('<form action="/order/order.php" method="get" target="_blank"><input type="hidden" name="orderid" value="'+orderid+'" /></form>'); //添加表单dom 到父窗口并提交表单 orderForm.appendTo($(body)).submit(); ///