使用 Masonry 实现瀑布流

2014-05-06 11:50:57

Pinterest(http://www.pinterest.com)最近很火,整体页面也非常炫酷。我们使用 Masonry 来实现与 Pinterest 类似的瀑布流效果,每个元素的高度不同,列数则根据浏览器宽度来定,以及炫酷的加载效果(JQUERY动画和CSS3动画)。 Masonry 官网 http://masonry.desandro.com/ Masonry min 25kb 直接下载地址 http://masonry.desandro.com/masonry.pkgd.min.js 首先引入 JS 文件 <script src="/js/masonry.min.js"></script> 放置一些元素 <ul id="container"> <li class="item"> <img src="" /> </li> <li class="item"> <img src="" /> </li> <li class="item"> <img src="" /> </li> <li class="item"> <img src="" /> </li> </u ...

查看全文


JS 国际化 使用jQuery.i18n.properties

2014-05-06 11:12:15

现代Web开发中国际化已经是不必不可少的环节了。在JS中如果有提示语言我们可以使用 jQuery.i18n.properties 来实现JS多语言。 这是 jQuery.i18n.properties 的项目地址 https://code.google.com/p/jquery-i18n-properties/ min版本  只有4.3kb 直接下载链接 https://code.google.com/p/jquery-i18n-properties/downloads/detail?name=jquery.i18n.properties-min-1.0.9.js&can=2&q= 使用方法: 首先引入 JS 文件 <script type="text/javascript" src="/js/jquery.i18n.properties-min-1.0.9.js"></script> 创建语言包文件夹 /js/i18n/ 及 语言包 Messages_zh-CN.properties, Messages_en-US.properties 请注意 jQuery.i18n.properties 使用的是 - 而非常用 ...

查看全文


JCROP 插件剪裁图片无需使用FLASH

2014-04-17 15:56:01

该插件可以实现对图片的剪裁常用于头像上传。 向容器内放置已上传的图片文件。使用JCROP让用户对其进行剪裁缩放后在保存新文件。 首先创建表单 <form name="form" action="" class="form-horizontal" method="post" enctype="multipart/form-data"> <div class="modal-body text-center"> <div class="zxx_main_con"> <div class="zxx_test_list"> <div class="rel mb20"> <img id="cutimg" src="{上传的图片地址}" /> </div> <input type="hidden" id="x" name="x" /> <input type="hidden" id="y" name="y" /> <input type="hidden" id="w" name="w" /> ...

查看全文


zend framework SELECT SUM(*) 使用Zend_Db_Select

2014-04-02 17:18:41

关于求和类SQL SELECT SUM(views) as allviews FROM 'tablename'   Zend_Db_Select 的一些常用方式   $db = $this->getAdapter(); $select = $db->select(); 使用 Zend_Db_Select $select->from($this->_name, 'SUM(views) as allviews'); COUNT(*) $select->from($this->_name, 'count(id)'); 如果需要GROUP BY $select->group('bar'); 如果需要HAVING $select->having('count_id > ?', 1); ORDER BY 分句 $select->order('first_name'); 使用LIMIT $select->limit(10, 20); 另外ZEND FRAMEWORK提供了一个分页函数可以直接使用 $select->limitPage(3, 10); 多表联合查询 // SELECT foo.*, bar.* // FROM foo // JOIN bar ON foo.id = bar.id // ...

查看全文


使用FLASH实现图片上传、剪裁、缩放等常用于上传头像

2014-03-27 20:43:32

该FLASH主要实现剪裁、背景拖拽、缩放、旋转等操作多用于头像上传。 如果您想找的是使用FLASH实现图片批量上传请看此文 网站中让用户上传头像的操作 常常需要一些控件让用户对上传的图片进行微调。 在网络上找到一个流传很久的 使用FLASH实现头像上传的 FaustCplus,但由于来源不明,也没有完整的文档介绍,(网络上流传的多个版本不是有水印就是编译FLA后无法正常使用等问题),还有一些BUG所以笔者花整理了自己在使用中遇到的问题 首先看一下 上传界面和过程截图 可以同时预览2、3个不同大小的缩放的图片 可以实现图片缩放 可以实现图片区域选择 可以实现旋转、调亮度、对比度、饱合度 可以实现调用摄像头拍照 HTML中写入 JS代码加载 FLASH <h5>上传新头 ...

查看全文


jquery.hash 插件 AJAX URL监听

2014-03-17 21:34:38

转自:http://qianduanblog.com/2003.html HASH就是 URL中 # 后面的部分。 通常我们使用 #id 做为 向id跳转的锚点,页面会被定位到id所在元素的位置,也会在页面打开的时候直接定位到id所在元素的位置 HASH有几个特点 HASH参数改变后浏览器不会刷新页面 后台语言不会接收到HASH参数 JAVASCRIPT可以接收HASH参数 所以我们一般使用HASH来做AJAX的URL,以便使用JAVASCRIPT在不刷新页面的情况下对页面内容做出改变,同时也可记录操作步骤,记录地址方便收藏等特点。 像TWITTER之类 的 AJAX网站都使用 HASH 约定:hashsearch的开头部分为“#?”,而hashpath的开头部分为“#!”,多个“#”会被忽略,多个“?”或“!”会被最后一个“?”或“!”所覆盖 解析hash $.has ...

查看全文


ZEND STUDIO中Emmet无法在PHTML中使用TAB展开代码

2014-03-13 16:22:37

还没有安装Emmet或想知道Emmet功能的请看此文 安装Emmet快速编写HTML/CSS代码 在Zend Studio安装好Emmet插件后默认情况下在 常用的后缀名下可以使用Tab键快速展开代码。但Zend Framework的模板文件后缀名是.phtml  在.phtml文件上只能使用 CTRL+E 快捷键展开代码,非常不方便。 解决方法: 打开工具(MAC下在Zend Studio菜单下)菜单一的 Preferences... 打开选项窗口,在左侧菜单中找到Emmet 打开后 在 ..in files with extensions 输入框中添加 .phtml 别忘了在之前加 英文逗号分割其他后缀名称。确定即可(如图) 我们在次打开.phtml文件 输入 h1 按键Tab 即可正常展开了!其他后缀后也可添加。 ...

查看全文


ECLIPSE 上次没有正确关闭而无法正常开启

2014-03-13 16:06:23

ECLIPSE无法正常开启症状为打开后只弹出窗口提示查看日志,点击确定后ECLIPSE即会退出 查看错误日志为 !ENTRY org.eclipse.core.resources 2 10035 2014-03-13 15:46:47.552 !MESSAGE The workspace exited with unsaved changes in the previous session; refreshing workspace to recover changes. 解决方法 到<workspace>/.metadata/.plugins/org.eclipse.core.resources目录 删除文件 .snap 重启ECLIPSE 不知道 org.eclipse.core.resources 在哪的 MAC系统可以直接在Finder 菜单中选择前往-前往文件夹 输入“/Users/{用户名}/Documents/work/.metadata/.plugins”。还可以先复制 ECLIPSE 提示的日志目录 比如我的为 /Users/lizhe/Documents/work/.metadata ...

查看全文


OmniGraffle Pro 6.0 破解版下载 —— MAC上的流程图

2014-02-25 17:29:19

OmniGraffle Pro 6.0 破解 For MAC   官网:http://www.omnigroup.com/omnigraffle/ 下载,首次打开后即可试用14天,点击 Licenses - Add Lcenses 输入压缩包中的序列号即可完成激活!http://vdisk.weibo.com/s/CfoeJLMeXM4rd

查看全文


PHP BBCODE与HTML 互转

2014-01-29 18:39:06

在富文本编辑框中有时需要允许用户使用部分HTML标签来丰富文本内容,如果完全开放HTML标签部分用户不理解HTML标签经常漏写结束标签导致整个页面的格式被其修改,还有恶意用户通过允许的HTML标签执行XSS更会威胁到整个网站的安全。所以我们需要使用BBCODE来代替HTML完成部分开放给用户使用的HTML标签来达到最终效果。 BBCODE在输出后还需要转为HTML格式才能够被浏览器识别正确显示样式,以下函数支持 "文字倾斜","文字加粗","文字下划线","图片","链接","文字大小","文字颜色","字体"。 function bb2html($text){ $bbcode = array( "/\[i\](.*?)\[\/i\]/is", "/\[b\](.*?)\[\/b\]/is", "/\[u\](.*?)\[\/u\]/is", ...

查看全文


申请免费的 Google PageSpeed Service(CDN服务) 为网站加速

2014-01-29 12:08:31

Google PageSpeed Service 也就是Google提供的云端CDN加速服务, 如果正在使用香港/美国的VPS,并且用户群在海外可以尝试使用该加速提升用户访问速度!(部分页面可能需要使用代理) 如何申请 Google CDN 加速服务? 官网:https://developers.google.com/speed/pagespeed/service 打开官网后 点击右侧 的 "Sign up now" 按钮 登陆您的Google账号 填写您Google账号 (@gmail.com) Site URL 一栏填写您的需要加速的网站域,www.example.com 和example.com 是2个网站,如果已经使用301转向了 www的域则这里直接填写 www.example.com 等待Google给你发的同意申请的邮件(Google会在24小时内邮件回复)。 接收到邮件后 点击邮件中的 Get Started 勾选并同意该协议(Ac ...

查看全文


MAC 读写 NTFS磁盘 Paragon NTFS for Mac OS X

2014-01-26 22:12:07

由于 MAC系统 对 NTFS磁盘格式的支持度不够(只能读不能写),于是我们需要借助第三方软件让MAC系统也能对 NTFS写文件。 手上正在使用的 移动硬盘/U盘等设置由于经常要在Windows 和 Mac 之间转换使用的,就不得不使用通用的磁盘格式如FAT/FAT32 但 FAT32不能储存大于2G的单个文件也给移动硬盘等大容量设备造成不小的麻烦,所以让MAC支持NTFS就成了首选方案。这里就是今天要介绍的 Paragon NTFS for Mac OS X 这是他的官网:http://www.paragon-software.com/home/ntfs-mac/ 提供一个 Paragon NTFS for Mac OS X 8.0 及破解注册机下载地址 Paragon NTFS for Mac OS X 8.0 下载地址 http://vdisk.weibo.com/s/CfoeJLMeX-ELq 注册机下载地址 http://vdisk.weibo.com ...

查看全文




Displaying 49-60 of 1 result.