私人领地

随笔分类 -  jquery

上一页 1 2
animate实例介绍
摘要：1.animate，setInterval组合不断滚动；function Tscroll(){ $().animate(); }setInter("Tscroll()",1000); //注意里面的是 Tscroll(),而不是 TscrollclearInterval 用法：funct... 阅读全文
posted @ 2014-08-08 19:28 狂奔的蜗牛Snails 阅读(714) 评论(0) 推荐(0)
取出return array() 数组内容
摘要：d.php文件return array("0" => 内容一,"1" => 内容二，"2" => 内容三，"3" => 内容四)f.php 文件内容$d = include("d.php");print_r($d);echo $d[0];print_r（$d）的结果是直接输出数组 内容echo($d[0]) 的输出结果是 “内容一” 阅读全文
posted @ 2014-03-12 10:15 狂奔的蜗牛Snails 阅读(429) 评论(0) 推荐(0)
菜单each+hover
摘要： 阅读全文
posted @ 2013-09-22 13:30 狂奔的蜗牛Snails 阅读(317) 评论(0) 推荐(0)
ajax传输 基础一
摘要：一个简单页面的传输index.php无标题文档111查询d.php 阅读全文
posted @ 2013-09-03 17:33 狂奔的蜗牛Snails 阅读(199) 评论(0) 推荐(0)
lazyload.js实现图片异步载入
摘要：所谓图片异步加载，意思是不用一次把图片全部加载完，你可以叫它延迟加载，缓冲加载都行。看看你有没有这种需求：某篇文章图片很多，如果在载入文章时就载入所有图片，无疑会延缓载入速度，让用户等更久，所以，我想找这样一种插件，让网页只加载浏览器视野范围内的图片，没出现在范围内的图片就暂不加载，等用户滑动滚动条时再逐步加载。lazyload就是用来实现这种效果。lazyload.js其实是jQuery的一个插件，全称是jquery.lazyload.js，看它的名字就知道它的作用了——就是偷懒载入的意思。由于它是javascript写的，所以适用于所有网页，包括Wordpress。使用方法我在Timmy的 阅读全文
posted @ 2013-07-25 15:19 狂奔的蜗牛Snails 阅读(332) 评论(0) 推荐(0)
animate应用
该文被密码保护。
posted @ 2013-07-09 11:49 狂奔的蜗牛Snails 阅读(1) 评论(0) 推荐(0)
jquery满屏滚动代码
摘要：//获取显示器宽度 、高度 $screenW = document.body.clientWidth; $screenH = 450; $BTimer = 2000; // 时间周期 $liSize = $(".num li").length; $ulW = $liSize*$screenW; $(".ban ul").css("width", $ulW); $(".ban li").css("width", $screenW); function Bscroll(){ $b = $(" 阅读全文
posted @ 2013-07-09 09:36 狂奔的蜗牛Snails 阅读(329) 评论(0) 推荐(0)
$().index() 两种用法
摘要：第一种：获得第一个 p 元素的名称和值： $(this).index()第二种：获得元素相对于选择器的 index 位置。 $("#d li").index($("#id li.on"));运用：$i = $("#TgSmall li").index($("#TgSmall li.on"));$i = $("#dzg li").index(this);来源：http://www.w3school.com.cn/jquery/dom_element_methods_index.asp 阅读全文
posted @ 2013-07-08 16:10 狂奔的蜗牛Snails 阅读(479) 评论(0) 推荐(0)
setTimeout不断重复执行
摘要：setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout(code,millisec)code 必需。要调用的函数后要执行的 JavaScript 代码串。millisec必需。在执行代码前需等待的毫秒数。扩展：两段代码执行结果一样clearTimerout 停止 setTimerout() onClick="clearTimeout(meter2) "来源网址：http://blog.csdn.net/zhengzhichen/article/details/3079943 阅读全文
posted @ 2013-07-08 13:26 狂奔的蜗牛Snails 阅读(5328) 评论(0) 推荐(0)
滚动的几种重点
摘要：获取当前ul距离初始有多长/高parseInt($("#order ul").css("top"))animate 滚动function scroll(){ $now = parseInt($("#order ul").css("top"))-33;$("#order ul").animate({top: $now});}循环周期setInterval(srollUp,2000); 阅读全文
posted @ 2013-07-04 18:28 狂奔的蜗牛Snails 阅读(159) 评论(0) 推荐(0)
计算div里面li个数
摘要：方式一：jsvar content=document.getElementById("content");alert(document.getElementsByTagName("li").length);方式二：jq$num = $("#order li").length;方法三：jq$("#order li").size(); 阅读全文
posted @ 2013-07-04 17:58 狂奔的蜗牛Snails 阅读(367) 评论(0) 推荐(0)
jquery左边滚动，完毕后跳转回来
摘要：代码如下function in_scroll(){ $liW = 141; $num = $(".in-cy li").size(); $ulW = $liW*$num; $(".in-cy ul").css("width",$ulW); $srollW = parseInt($(".in-cy ul").css("left"))-$liW-10; if($srollW < -$ulW+580){ $(".in-cy ul").animate({left: 0}); . 阅读全文
posted @ 2013-06-21 17:33 狂奔的蜗牛Snails 阅读(314) 评论(0) 推荐(0)
eq几种样式
摘要：样式一：　$(function(){ $(".menu li").eq(1).css("background","url(../images/menu-bg.jpg) repeat-x");});样式二$(document).ready(function(){ $('.menu li:eq(1)').attr('class','cur'); })　相关$(function(){$(".menu li a")[0].className='cur'}) 阅读全文
posted @ 2013-06-03 11:33 狂奔的蜗牛Snails 阅读(216) 评论(0) 推荐(0)

上一页 1 2