摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper 什么是拖动图片排序?就像微博这种，上传后允许用户通过拖动图片，调整几张图片的顺序。可以看到微博在这里把每张图片固定了尺寸，稍微严谨点的话，就需要像上一篇文章那样，外面是响应式的等高等宽的若干div容器，里面则... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper在输入框中@好友这个功能很常见，具体效果大概有两种：1.像js实现@提到好友，在输入框中输入@时，根据@后面的字符，弹出相应好友菜单。2.增加一个按钮，点击后出现包含所有好友的弹出层。本文就介绍本屌在实现第二种... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper以前写过一篇更简单的 编辑器从光标处插入图片(失去焦点后仍然可以在原位置插入)，里面只测试了ie，事实上在firefox中有个小问题，就是不管插入图片前，编辑器有没有焦点（光标），在插入后，光标会消失。插入前没... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper当页面中有很多滚动条，它们相互嵌套，很不好看，这时就会模拟滚动条，并给这个滚动条好看的样式，使得页面美观。模拟滚动条很多时候是去用jquery插件，然后写几行代码就搞定了。不过随着mvvm的快速发展，很多时候都... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper大家都知道，如果只是大概的实现一个简单的富文本编辑器，直接用execCommand就可以了，虽然不同浏览器对execCommand命令的反应不一样，最后效果是差不多的。当然，如果要严谨的，用像ueditor那种... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViperduplex双工绑定是avalon绑定里面最有趣的一个，因为它在内部帮开发者做了很多事，让开发者写的代码减少，代码更优雅。下面随便演示一个常见的checkbox全选。要求:（老掉牙了，还是说一下）1.勾选了全选... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper 评论回复是个很常见的东西，但是各大网站实现的方式却不尽相同。大体上有两种方式1.像优酷这种最常见，在输入框中@要回复的人，这种方式下，用户可以修改@。新浪微博则是在这个基础上，弹出好友菜单。这种方式的好处是不... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper要求1.输入@时，弹出匹配的好友菜单2.光标进入包含有"@好友"的标签时，弹出菜单3.按backspace删除时，如果光标前面是包含有"@好友"的标签，弹出菜单4.兼容ie,firefox.具体做法针对要求一，... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper更新：fix bughttp://www.cnblogs.com/TheViper/p/4629884.html前天晚上发现上一篇iframe从光标处插入图片(失去焦点后仍然可以在原位置插入里面的用法在ie6,... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper改进版：更简单的 编辑器从光标处插入图片(失去焦点后仍然可以在原位置插入)为什么会有这个需求？当我们需要一个文本输入框（编辑器），它的功能定位介于专门的富文本编辑器和裸（原生）文本框之间。这时，如果用专门富文本... 阅读全文

摘要：效果：转载请注明：http://www.cnblogs.com/TheViper/p/4068840.html在博客里有另一篇头像裁剪是用actionscript实现的头像裁剪上传，这里拥护html5,用canvas实现下。前两次的右键是为了说明不是用flash做的。如果想要更严谨的，有技术支持的这... 阅读全文

摘要：结果： 转载请注明：TheViper 从github上的 web-socket-js(socket.io好像也是用这个做的他们的flash替代传输方式)改过来的。不过值得注意的是里面的flash websocket代理文件,文件实在是很大，有174k很好奇，就反编译看下，是flex做的，这点... 阅读全文

摘要：效果： 转载请注明出处：http://www.cnblogs.com/TheViper/p/4027766.html 1 require('effect', function(S) { 2 var now=3,total = S('img').size(); 3 S('#bo... 阅读全文

摘要：效果：转载请注明出处：http://www.cnblogs.com/TheViper/p/4026539.htmlcanvasElement.js 1 define('canvasElement', [ '../multi_upload/core' ], function(S) { 2 var ... 阅读全文

摘要：效果：感谢迅雷ued的图片支持 转载请注明出处：http://www.cnblogs.com/TheViper/p/4026462.html　参考：张鑫旭的这篇文章http://www.zhangxinxu.com/wordpress/2012/03/%E5%A4%9A%E6%A0%8F%E5%8... 阅读全文

摘要：最新版http://www.cnblogs.com/TheViper/p/4725693.html效果：转载请注明出处：http://www.cnblogs.com/TheViper/p/4026401.html1 2 3 4 5 6 1 v... 阅读全文