今儿分享一个jquery实现多行滚动效果。
我看一些论坛网站上面,公告处用的较多。
代码如下
// 多行滚动
(function($){
$.fn.extend({
Scroll:function(opt,callback){
if(!opt) var opt={};
var _this=this.eq(0).find("ul:first");
var lineH=_this.find("li:first").height(),
line=opt.line?p...
这个功能现在应用的非常普遍,如果页面比较高,当滚动条拖到页面的下面的时候,侧边栏会出现一个固定跟随浏览器的DIV框,现思路是这样的:首先获取需要跟随的DIV距离页面顶部的距离,然后判断,当浏览器滚动的距离大于该DIV本身距离顶部距离的时候,则添加CSS属性fixed即可。
代码如下
HTML代码:
<d...
jQuery对div的显示和隐藏:
显示:
代码如下: $("#id").show()
隐藏: 代码如下: $("#id").show()
js对div的显示和隐藏:
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白
代码如下: style="visibility: none;"
document.getElementById("typediv1").style.v...
如果你直接在函数a里调用的话,那么这个回调函数就被限制死了。但是使用函数做参数就有下面的好处:当你a(b)的时候函数b就成了回调函数,而你还可以a(c)这个时候,函数c就成了回调函数。如果你写成了functiona(){...;b();}就失去了变量的灵活性。
代码如下: function a(index,callback){ callback...
使用$(this).index()取得li的下标,下面是一个样式替换的例子:
$("#aa li").click(function(){
$("#aa li").removeClass("class名字,多个class用空格分开");
$(this).addClass("class名字,多个class用空格分开");
if($(this).index()!=0){
$("#submenu").hide();
}else{
$("#submenu").show();...
取得iframe src属性的的值:
Html代码
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery</title>
<style type="text/css">
</style>
<script type="text/javasc...
自己改写一些jquery的部分代码,自己总结出来一个比较好用的jquery弹出框,留着以后工作时候再用。喜欢就拿走吧!
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/199...
做项目的时候,我从后台传递过来的数据给一个文本框赋值,通过google浏览器,
当修改的时候发现没有修改,最后查了下原因,原来是jQuery中val和atrr("value",对浏览器的区别,
故总结如下: jquery中的val()和atrr('value'这两个的使用,假设有默认值的情况下,如果用val()赋值了,那么当修改这个值得时候...
test.html
Html代码
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery</title>
<style type="text/css">
</style>
<script type="text/javascript" src="http:/...
Html代码
<script type="text/javascript">
$(function(){
$("#btn4").click(function(){
$("#btn3").click();
});
});
function change(){
alert("onclick");
}
</script>
<button id="btn3" onclick="change()">dd</button>
<button id="btn4">...