分类为 jQuery 的文章:
效果预览: 演示:点击这里查看效果 代码: <script src="jquery.min.js"></script> <link href="jquery.ap.css" rel="stylesheet" /> <script src="jquery.ap.js"></script> <script> $(function(){ $('.approvalProgress').ap({step:2}); }); </script> <div class="approvalProgress"> <ol class=&...
2016/06/30 浏览数(2,429) 分类(AngularJS, jQuery)
简介 这是一款根据指定大小自动设置缩略图的插件。 为一堆不同尺寸的图片创建相同尺寸的缩略图可不是件容易的事,除非有一个强大的后台程序或靠谱的软件,如果都没有或不想使用后台程序,那么可以试试 jQThumb。jQThumb 是一款基于 jQuery 的缩略图插件,它能够很方便的制作指定的尺寸的缩略图。 jQThumb 兼容所有浏览器,包括 IE6。在高级浏览器中使用背景方式实现,并设置图片的尺寸(background-size)和位置(background-po...
2015/01/8 浏览数(2,202) 分类(jQuery)
官网:http://alvarotrigo.com/fullPage/ GitHub:https://github.com/alvarotrigo/fullPage.js 简介 如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面(查看),QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的,显得更上档次,你可以试试 fullPage.js。 fullPage.js 是一个基于 jQuery 的插件,它能...
2015/01/8 浏览数(4,920) 分类(jQuery, 前端)
height() -----------> height innerHeight() ------> height + padding outerHeight() ------> height + padding + border outerHeight(true) --> height + padding + border + margin
2014/02/22 浏览数(1,824) 分类(jQuery)
这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。 [下载示例] HTML 我们在body中建立一个div#timeline作为展示区,#dates为时间轴,示例中我们用年份作为主轴,#issues作为内容展示区,即展示对应主轴点年份的内容,注意id对应上。 <script src="jquery.min.js"...
2013/07/27 浏览数(2,320) 分类(jQuery)
以下代码会从正文中匹配出第一张图片: /* jquery 特效专用代码 开始 */ $fileUri = ''; $content = $rs['content']; $reg='/(src\=\")(.*?)(\".*?\>)/'; $z=preg_match_all($reg,$content,$imgArray); $fileUri = $imgArray[2][0]; // 从文章正文中取一张图片 if (empty($fileUri)) $fileUri = 'images/nopic.gif'; <完>
2013/07/26 浏览数(1,844) 分类(jQuery)
说明: 一个jQuery版的倒计时特效代码。提取自金山快盘15G实用型空间一年期10元的活动。代码下载地址在文末。 效果: [本地演示(图片版)] [本地演示(文字版)] 代码: <style> /* 文字版的倒计时可以删除这些样式,文字版在示例中不需要样式 */ .count-down{ position: absolute; top: 45px; left: 20px; } .count-down span{ display: inline-block; *display: inline; *zoom: 1; width: 32px; he...
2013/07/18 浏览数(2,213) 分类(jQuery)
效果: 可自动确定显示位置的横向二级菜单预览 [查看演示] 代码: <ul id="nav"> <li><a href="index.php?&lang=1">首页</a></li> <li><a href="page.php?cid=1&lang=1">公司简介</a> <ul class="submenu"> <li><a href="page.php?cid=8&lang=1" 公司简介</a></li> ...
2013/04/24 浏览数(1,795) 分类(jQuery)
效果说明: 在元素滚动到页面顶部的时候将其固定显示在顶部这个位置,效果如下: 元素滚动到顶部后固定位置 jQuery代码: <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function() { var elm = $('#pordAttr'); var startPos = $(elm).offset().top; $.event.add(window, "scroll", function() { ...
2012/09/26 浏览数(4,535) 分类(jQuery)
效果: jquery 折叠菜单截图  代码: html: <dl id="cate"> <dt title="展开/折叠">调味品&gt;</dt> <dd> <ul> <li><a href="javascript:;">李锦记调味</a></li> <li><a href="javascript:;">珠江桥牌系列</a></li> <li><a href="javascript:;">劲豪...
2012/03/17 浏览数(2,357) 分类(jQuery)
说明: 这篇文章可以解决这几个问题: 一、从已经获取到的元素中再次获取其子元素(代码第6、7行); 二、为动态加载的元素绑定事件(代码第三行的“.live”); 三、JS浮点运算不“准确”(第二个代码块); 示例: 用jquery计算动态加载产品的金额 代码: 说明:这些只是“核心”代码。 // 金额计算器 $(function(){ $('input.count,input.price').live('change', function(){ // 根据单价计算金额 var p = $(this).pare...
2012/01/2 浏览数(2,497) 分类(jQuery)
点击返回顶部
  1. 留言
  2. 联系方式