scrollLeft() 返回值:Integer
概述
获取匹配元素相对滚动条左侧的偏移。
此方法对可见和隐藏元素均有效。
示例
描述:
获取第一段相对滚动条左侧的偏移
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:first");
$("p:last").text( "scrollLeft:" + p.scrollLeft() );
结果:
<p>Hello</p><p>scrollLeft: 0</p>
...
scrollTop(val) 返回值:jQuery
概述
传递参数值时,设置垂直滚动条顶部偏移为该值。
此方法对可见和隐藏元素均有效。
参数
valString, Number
设定垂直滚动条值
示例
描述:
设置相对滚动条顶部的偏移
jQuery 代码:
$("div.demo").scrollTop(300);
scrollTop() 返回值:Integer
概述
获取匹配元素相对滚动条顶部的偏移。
此方法对可见和隐藏元素均有效。
示例
描述:
获取第一段相对滚动条顶部的偏移
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );
结果:
<p>Hello</p><p>scrollTop: 0</p>
...
position() 返回值:Object{top,left}
概述
获取匹配元素相对父元素的偏移。
返回的对象包含两个整形属性:top 和 left。为精确计算结果,请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。
示例
描述:
获取第一段的偏移
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:first");
var position = p.position();
$("p:last").html( "left: " + position.left + ", top: " + position.top );
结果:
<p>Hello</p><p>left: 15, top: 15</p>
...
offset() 返回值:Object{top,left}
概述
获取匹配元素在当前视口的相对偏移。
返回的对象包含两个整形属性:top 和 left。此方法只对可见元素有效。
示例
描述:
获取第二段的偏移
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );
结果:
<p>Hello</p><p>left: 0, top: 35</p>
...
css(name, value) 返回值:jQuery
概述
在所有匹配的元素中,设置一个样式属性的值。
数字将自动转化为像素值
参数
namevalue
属性名
valueString, Number
属性值
示例
描述:
将所有段落字体设为红色
jQuery 代码:
$("p").css("color","red");
css(properties) 返回值:jQuery
概述
把一个“名/值对”对象设置为所有匹配元素的样式属性。
这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
参数
propertiesMap
要设置为样式属性的名/值对
示例
描述:
将所有段落的字体颜色设为红色并且背景为蓝色。
jQuery 代码:
$("p").css({ color: "#ff0011", background: "blue" });
描述:
如果属性名包含 "-"的话,必须使用引号:
jQuery 代码:
$("p").css({ "margin-left": "10px", "background-color": "blue" });
...
css(name) 返回值:String
概述
访问第一个匹配元素的样式属性。
参数
nameString
要访问的属性名称
示例
描述:
取得第一个段落的color样式属性的值。
jQuery 代码:
$("p").css("color");
toggleClass(class, switch) 返回值:jQuery
概述
如果开关switch参数为true则加上对应的class,否则就删除。
参数
classString
要切换的CSS类名
switchBoolean
用于决定元素是否包含class的布尔值。
示例
描述:
每点击三下加上一次 'selected' 类
HTML 代码:
<strong>jQuery 代码:</strong>
jQuery 代码:
var count = 0;
$("p").click(function(){
$(this).toggleClass("highlight", count++ % 3 == 0);
});
...
toggleClass(class) 返回值:jQuery
概述
如果存在(不存在)就删除(添加)一个类。
参数
classString
CSS类名
示例
描述:
为匹配的元素切换 'selected' 类
HTML 代码:
<p>Hello</p><p class="selected">Hello Again</p>
jQuery 代码:
$("p").toggleClass("selected");
结果:
[ <p class="selected">Hello</p>, <p>Hello Again</p> ]
...
removeClass([class]) 返回值:jQuery
概述
从所有匹配的元素中删除全部或者指定的类。
参数
class (可选)String
一个或多个要删除的CSS类名,请用空格分开
示例
描述:
从匹配的元素中删除 'selected' 类
HTML 代码:
<p class="selected first">Hello</p>
jQuery 代码:
$("p").removeClass("selected");
结果:
[ <p class="first">Hello</p> ]
描述:
删除匹配元素的所有类
HTML 代码:
<p class="selected first">Hello</p>
jQuery 代码:
$("p&...
addClass(class) 返回值:jQuery
概述
为每个匹配的元素添加指定的类名。
参数
classString
一个或多个要添加到元素中的CSS类名,请用空格分开
示例
描述:
为匹配的元素加上 'selected' 类
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").addClass("selected");
结果:
[ <p class="selected">Hello</p> ]
描述:
为匹配的元素加上 selected highlight 类
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").addClass("selected highlight");
结果:
[ <p cl...
大家都见过好多网页可以实现多种风格的显示,比如动网论坛等等,而且好多网站都 设置多种风格,方便用户按照自己的设置风格来浏览你的网站。
实现的方法我在这里不做讨论。今天我给大家介绍一种特简单的方法,用CSS+JS简单 方法就可以实现网页的多种风格显示。
本教程提供的方法希望对大家做主页的时候有用。
我认为这是一种最好的实现方法了,如果大家还有其他简单的方法可以和我讨论。QQ :76312395 网站:http://www.webjx.com,不说废话了,下面开始给大家介绍如何实现的方 法:
我们设置网页的风格时通常是使用CSS来设置,下面代码:
<link rel="stylesheet" type="text/css"...
不多作介绍,直接贴代码了,自己看一下就会明白的,兼容IE6、Firefox,演示见本站首页
以下是HTML代码:【运行代码】【复制代码】 <!DOCTYPE html PUBliC "-//W3C//DTD html 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>图片切换效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
#bgf {
background:#313439;
overflow...
在普通aspx.cs代码里可以用:
Cache cache = new Cache();
但在XXXX.CS里,就不能用上面的方式了,得用:
永不时间过期
HttpContext.Current.Cache.Insert("Name", "王翔", null, DateTime.MaxValue, TimeSpan.Zero, CacheItemPRiority.NotRemovable, null);
Name:Key
王翔:Value
null:表示没有缓存依赖项
DateTime.MaxValue:时间的最大值(9999-99-99 12:59:59),表示不使用绝对时间过期策略
TimeSpan.Zero:表示不使用平滑过期
CacheItemPrority.NotRemovable:表示优先权为不删除该Cache
null:不怎么用,就null吧
asp.net
绝对...
我们以封装一个JS的日期控件为列子,将它和服务器的TextBox结合在一起做成一个服务器控件,以达到直接托上去就可以使用的效果。其实很简单,大家共同学习。先看看效果图:
方法:
首先:下载一个JS的日期组件,带封装。
然后:建一个日期类文件CalendarBox.cs代码如下:
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Text;
using System.Web;
using System.Drawing;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
[assembly: WebResource("Wisesoft.Web.Control.W...