随笔分类 -  javascript

上一页 1 2 3 4 5 下一页
页面滚动固定
摘要：实例代码： 1 $(document).scroll(function () { 2 3 var $leftBox = $('.lFixedBlock'), 4 $rightBox = $('.rFixedBlock'), 5 leftBoxHeight = $leftBox.height(), 6 rightBoxHeight = $rightBox.height(), 7 windowHeight = $(window).height(), 8 ... 阅读全文
posted @ 2014-01-03 14:54 幻星宇 阅读(227) 评论(0) 推荐(0)
jquery中获取当前点击对象
摘要：jquery中获取当前点击对象的简单方法就是，在点击事件click中传入event对象click(function(event));调用当前对象就是$(event.target); 阅读全文
posted @ 2013-12-30 15:38 幻星宇 阅读(816) 评论(0) 推荐(0)
合并js文件minify实例
摘要：将min目录放入项目中后，js中引入方式是：如果用到分组的话，上面的就不合适了。分组实例：1.config.php$min_serveOptions['minApp']['allowDirs'] = array('//jsOne', '//jsTwo', '//jsThree', '//jsFour', '//jsFive', '//jsSix');2.groupsConfig.phpreturn array( 'jsOne' => array( 阅读全文
posted @ 2013-12-06 12:46 幻星宇 阅读(1091) 评论(0) 推荐(0)
minify合并js和css文件
摘要：压缩 JavaScript 和 CSS，是为减少文件大小，节省流量开销；合并 JavaScript 和 CSS，是为了减少请求数量，减轻服务器压力。而这些枯燥又没有技术含量的工作，我们以前通常会手动处理，费时又费力。其实这些工作可以让一些工具为我们代劳，比如说，今天我推荐的这个工具—— Minify。首先，先来看一下 Minify 在我的 WordPress 上使用的效果吧。上图是本站首页的 JS 请求，从图中可以看出，这一个 JS 请求中，合并了 jquery.js,jquery-ui.js,public.js,index.js 这四个 JavaScript 文件，同理，CSS 文件的合并压 阅读全文
posted @ 2013-12-05 17:18 幻星宇 阅读(673) 评论(0) 推荐(0)
获取字符串长度
摘要：1.//字符串长度-中文和全角符号为1，英文、数字和半角为0.5var getLength = function(str, shortUrl) { if (true == shortUrl) { // 一个URL当作十个字长度计算 return Math.ceil(str.replace(/((news|telnet|nttp|file|http|ftp|https):\/\/){1}(([-A-Za-z0-9]+(\.[-A-Za-z0-9]+)*(\.[-A-Za-z]{2,5}))|([0-9]{1,3}(\.[0-9]{1,3}){3}))(:[0-9... 阅读全文
posted @ 2013-11-28 16:30 幻星宇 阅读(501) 评论(0) 推荐(1)
自动搜索
摘要：自动搜索中用的插件是jqury中ui插件：先引入：jquery-ui-1.9.0.custom.min.css和jquery-ui-1.9.0.custom.min.js然后js中的代码调用是： 1 var list = []; 2 var $seachText = $('#search-node-input'); 3 $seachText.bind("keydown",function (event) { 4 if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autoc 阅读全文
posted @ 2013-11-07 16:48 幻星宇 阅读(768) 评论(0) 推荐(0)
浮动层的显示与隐藏
摘要：但一个区域，鼠标完全放在上面，就会出现一个背景层，移开，然胡隐藏。当鼠标横扫过去，很快的时候，浮动层会停止上面不显示。修改后的代码：html： 1 2 if($arroundTravelInfo){ 3 4 5 {$arroundTravelInfo.product_name} 6 {$arroundTravelInfo.sale|default="0"}会去 7 8 ￥{$ar... 阅读全文
posted @ 2013-11-07 16:44 幻星宇 阅读(686) 评论(0) 推荐(0)
图片滚动
摘要：html代码： 1 2 3 4 5 6 7 if ($locationInfoItem['rtype'] != 'activity') { 8 9 {$locationInfoItem.lname}10 人气:{$lo... 阅读全文
posted @ 2013-11-07 16:40 幻星宇 阅读(285) 评论(0) 推荐(0)
js本地图片预览
摘要：1 2 3 4 5 阅读全文
posted @ 2013-11-07 15:56 幻星宇 阅读(805) 评论(0) 推荐(0)
ajax表单提交插件jquery.form.js的运用
摘要：该插件提交的数据包含上传的图片。1.先导入jquery.form.js2.form表单的元素：可以不要target，target是用来新打开窗口的提交方式。按钮是submit形式，如果是button的话，就要点击出发form表单的提交。js中的代码如下：button形式： 1 //提交 2 $('.btn_submit').click(function(){ 3 var url = "{:U('admin/Content/doAddIndexNearby')}"; 4 $('#post_method').val('0& 阅读全文
posted @ 2013-11-07 11:22 幻星宇 阅读(255) 评论(0) 推荐(0)
图片轮换cycle插件的运用
摘要：1 2 3 4 5 插件cycle的简单运用 6 12 13 14 15 27 28 29 30 31 32 33 34 35 36 37 38 39 40 51 52 阅读全文
posted @ 2013-11-07 11:08 幻星宇 阅读(344) 评论(0) 推荐(0)
js上传文件获取客户端地址
摘要：1 2 3 4 5 get file input full path 6 7 8 9 -->10 11 12 52 53 阅读全文
posted @ 2013-10-31 18:29 幻星宇 阅读(410) 评论(0) 推荐(0)
form表单普通提交预览显示，读取显示tmp文件
摘要：test ';echo $tmp_name.''; 阅读全文
posted @ 2013-10-31 13:51 幻星宇 阅读(554) 评论(0) 推荐(0)
离开页面提醒功能 (实现博客园离开编辑页面时的提醒功能)(转)
摘要：使用过博客园的朋友可能知道，当我们在编辑中，要离开此页面时，（无论是点浏览器右上角的小叉，还是单击页面中任意链接，或者最小化时用鼠标右键点击关闭）都会一个提醒离开的功能！往往在给用户不小心离开页面时造成的编写内容全部丢失的一道保护！如下：网上有过朋友问过，我在此就发表一篇！实现当然不用说，客户端的功能，自然是JS实现！代码如下：去楚旋博客效果：这个功能还是比较实用的，只有一种离开情况无法捕获，就是当用户在任务管理器中 结束浏览器进程时无效！ 阅读全文
posted @ 2013-10-24 18:06 幻星宇 阅读(170) 评论(0) 推荐(0)
Google maps API开发（一）(转)
摘要：一、加载Google maps API您可以到http://code.google.com/intl/zh-CN/apis/maps/signup.html注册申请自己的API二、加载简单的Google地图1、加载Google地图//声明一个GMap2全局变量varmap;functionload(){//检查浏览器的兼容性.if(GBrowserIsCompatible()){map=newGMap2(document.getElementById("map"));//加载地图map.addControl(newGLargeMapControl());//增加全功能控件m 阅读全文
posted @ 2013-10-18 16:04 幻星宇 阅读(266) 评论(0) 推荐(0)
Google maps API开发（二）(转)
摘要：这一篇主要实现怎么调用Google maps API中的地址解析核心类GClientGeocoder：主要功能包括地址解析、反向解析、本地搜索、周边搜索等，我这里主要有两个实例：实例一、当你搜索一个地名的时候，解析它的经纬度信息，并在地图上描点实例二、搜索你的中心点所在区域的学校、商店等信息，并在地图上描点首先来讲讲实例一怎么实现：1、加载google api2、定义通用的全局变量和公共方法varmap;//GMap2的核心对象vargeocoder=null;//用来解析的varmarkers=newArray();//用来存放GMarker//======在地图上描点的方法======== 阅读全文
posted @ 2013-10-18 16:02 幻星宇 阅读(284) 评论(0) 推荐(0)
jQuery Masonry构建pinterest网站布局注意要点(转)
摘要：在愚人码头的博客上看到有关于如何构建pinterest网站的文章，其实就是“图片瀑布流显示”，我试着在本地做了一个，没有什么问题，但是放到公司的网站上就问题多多。一是定位不准确，二是图片显示不完整。但是重新改变下窗口大小，显示和位置都正常了，这说明第一次加载的时候，算的值不准，第一想到这个是加载顺序的问题。想了个土方法，在body里加了onload，确实解决了第一次加载页面显示的问题，点击显示更多图片的时候，出来的效果还是算错的，最后的解决办法是给每个图片加上宽高，因为图片都是从后来截取的，宽高都有数据。这个库的应用可以参照码头的：点击然后我再自己写了一个根据屏幕宽度一行最多显示图片（web响 阅读全文
posted @ 2013-10-18 12:00 幻星宇 阅读(394) 评论(0) 推荐(0)
【jQuery插件】用jQuery Masonry快速构建一个pinterest网站布局(转)
摘要：【jQuery插件】用jQuery Masonry快速构建一个pinterest网站布局时间：2011年03月21日作者：愚人码头查看次数:29,744 views评论次数：25条评论前段时间领导给我看了一个网站：http://pinterest.com/， Pinterest 这个名字还算容易理解：「Pin」就是用图钉往墙上钉东西，「interest」就是趣味。通过 Pinterest ，你可以： 1) 发现有趣的图片——设计、摄影、产品、新闻——并刺激灵感； 2) 将有趣的图片归类——tag、board、category、source——并分享给好友。一打开Pinterest你会被那些漂亮 阅读全文
posted @ 2013-10-18 11:58 幻星宇 阅读(352) 评论(0) 推荐(0)
用 jQuery Masonry 插件创建瀑布流式的页面(转)
摘要：瀑布流式的页面，最早我是在国外的一个叫Pinterest的网站上看到，这个网站爆发，后来国内的很多网站也使用了这种瀑布流方式来展示页面（我不太喜欢瀑布流这个名字）。我们可以使用 jQuery 的 Masonry 插件来实现这种页面形式，下面介绍一下方法。1，分别下载 jQuery 与 Masonry ，然后把他们都加载到页面中使用。下载 jQuery 架构：http://jquery.com 下载 Masonry 插件：http://masonry.desandro.com/ 加载代码：解释：很简单，就是把下载之后的脚本文件嵌入到你想使用瀑布流形式的页面中，注意文件的名称与路径，根据你自己的实 阅读全文
posted @ 2013-10-18 11:57 幻星宇 阅读(377) 评论(0) 推荐(0)
Lazy Load 图片延迟加载(转)
摘要：jQuery Lazy Load 图片延迟加载来源基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。版本：jQuery v1.4.4+jQuery Lazy Load v1.7.2注意事项：1.需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src 与 data-original 相同，则只是一个特效而已，并不达到延迟加载的功能。查看 DemojQuery Lazy Load v1.7.2【options 参数说明】名称默认值说明threshold0灵敏度。默 阅读全文
posted @ 2013-10-18 11:37 幻星宇 阅读(439) 评论(0) 推荐(0)

上一页 1 2 3 4 5 下一页