≡ 分类 ≡
≡ 推荐 ≡
- Jquery+ajax返回的数据类型为script，且含有多个变量
- PHP类使用详解
- jQuery AJAX success 回调中的返回值处理
- PHP解压缩Gzip文件方法总结
- JavaScript Promise 用法详解
- PHP PDO 导出指定表数据（导入前清空表）
- PHP 中使用 try-catch 捕获错误信息
- JavaScript数组求平均值方法总结
- MySQL 5.7 忘记 root 密码解决方法
- HTML 图片异步加载
- 根据某数组，在另一个数组中检索并输出对应值
- 弹出Div右侧边缘与控件右侧对齐
- 分页的时候从url中移除page页码（多种方案）
- PHP函数之htmlspecialchars的用法
- Qt Designer窗体,QScrollArea里label不能完全撑开
- 用vscode搭建原生app开发环境
≡ 热点 ≡
- 用Javascript为图片img添加onclick事件
- 图解Windows Installer制作软件安装包
- 轻型数据库SQLite结合PHP的研发
- 在没有MySQL支持的虚拟主机，在PHP中使用文本数据库
- PHP之glob函数
- DIY服务器硬盘RAID选用
- PHP代码优化及PHP相关问题总结
- Windows操作系统发展历史二
- 用PHP函数解决SQL injection
- ISP如何在网内部署BGP路由协议
- Div+CSS：absolute与relative
- Photoshop CS3：为美女刷出亮白牙齿
- PHP CURL 发送和接收XML数据
- 采集cz88.net免费代理的小程序
- Fireworks打造热力四射手机广告
- 记录搜索蜘蛛爬行记录的Asp代码
jQuery：CSS->位置->scrollLeft()
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>
...
类别：网页编程 - JavaScript 查看：109 更新：2014-05-28
jQuery：CSS->位置->scrollTop(val)
scrollTop(val) 返回值:jQuery
概述
传递参数值时，设置垂直滚动条顶部偏移为该值。
此方法对可见和隐藏元素均有效。
参数
valString, Number
设定垂直滚动条值
示例
描述:
设置相对滚动条顶部的偏移
jQuery 代码:
$("div.demo").scrollTop(300);
类别：网页编程 - JavaScript 查看：115 更新：2014-05-28
jQuery：CSS->位置->scrollTop()
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>
...
类别：网页编程 - JavaScript 查看：113 更新：2014-05-28
jQuery：CSS->位置->position()
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>
...
类别：网页编程 - JavaScript 查看：113 更新：2014-05-28
jQuery：CSS->位置->offset()
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>
...
类别：网页编程 - JavaScript 查看：70 更新：2014-05-28
jQuery：CSS->CSS->css(name, value)
css(name, value) 返回值:jQuery
概述
在所有匹配的元素中，设置一个样式属性的值。
数字将自动转化为像素值
参数
namevalue
属性名
valueString, Number
属性值
示例
描述:
将所有段落字体设为红色
jQuery 代码:
$("p").css("color","red");
类别：网页编程 - JavaScript 查看：84 更新：2014-05-28
jQuery：CSS->CSS->css(properties)
css(properties) 返回值:jQuery
概述
把一个“名/值对”对象设置为所有匹配元素的样式属性。
这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
参数
propertiesMap
要设置为样式属性的名/值对
示例
描述:
将所有段落的字体颜色设为红色并且背景为蓝色。
jQuery 代码:
$("p").css({ color: "#ff0011", background: "blue" });
描述:
如果属性名包含 "-"的话，必须使用引号:
jQuery 代码:
$("p").css({ "margin-left": "10px", "background-color": "blue" });
...
类别：网页编程 - JavaScript 查看：108 更新：2014-05-28
jQuery：CSS->CSS->css(name)
css(name) 返回值:String
概述
访问第一个匹配元素的样式属性。
参数
nameString
要访问的属性名称
示例
描述:
取得第一个段落的color样式属性的值。
jQuery 代码:
$("p").css("color");
类别：网页编程 - JavaScript 查看：89 更新：2014-05-28
jQuery：属性->CSS类->toggleClass(class, switch)
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);
});
...
类别：网页编程 - JavaScript 查看：126 更新：2014-05-27
jQuery：属性->CSS类->toggleClass(class)
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> ]
...
类别：网页编程 - JavaScript 查看：115 更新：2014-05-27
jQuery：属性->CSS类->removeClass([class])
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&...
类别：网页编程 - JavaScript 查看：111 更新：2014-05-27
jQuery：属性->CSS类->addClass(class)
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...
类别：网页编程 - JavaScript 查看：103 更新：2014-05-27
用CSS和JS实现网页的多种风格的设置
大家都见过好多网页可以实现多种风格的显示，比如动网论坛等等，而且好多网站都 设置多种风格，方便用户按照自己的设置风格来浏览你的网站。
实现的方法我在这里不做讨论。今天我给大家介绍一种特简单的方法，用CSS+JS简单 方法就可以实现网页的多种风格显示。
本教程提供的方法希望对大家做主页的时候有用。
我认为这是一种最好的实现方法了，如果大家还有其他简单的方法可以和我讨论。QQ ：76312395 网站：http://www.webjx.com，不说废话了，下面开始给大家介绍如何实现的方 法：
我们设置网页的风格时通常是使用CSS来设置，下面代码：
<link rel="stylesheet" type="text/css"...
类别：网页编程 - JavaScript 查看：86 更新：2014-05-26
CSS+JS的图片幻灯效果
不多作介绍，直接贴代码了，自己看一下就会明白的，兼容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...
类别：网页编程 - JavaScript 查看：117 更新：2014-05-22
如何封装JS和CSS文件为服务器端控件
我们以封装一个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...
JavaScript CSS Style属性对照表
以下是Javascript代码：【复制】
<script type="text/javascript"> function imageOver(e) { e.style.border="1px solid red"; } function imageOut(e) { e.style.borderWidth=0; } </script> <img src="phplamp.gif" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />CSS Style属性对照表 盒子标签和属性对照CSS语法 (不区分大小写)JavaScript语法 (区分大小写)borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBotto...
类别：网页编程 - JavaScript 查看：95 更新：2014-05-14