]]>
.scroll {
width: 300px; /*瀹藉害*/
height: 200px; /*楂樺害*/
color: red; /*棰滆壊*/
font-family: 妤蜂綋; /*瀛椾綋*/
padding-left: 10px; /*灞傚唴宸﹁竟璺?/
padding-right: 10px; /*灞傚唴鍙寵竟璺?/
padding-top: 10px; /*灞傚唴涓婅竟璺?/
padding-bottom: 10px; /*灞傚唴涓嬭竟璺?/
overflow-x: auto; /*妯悜婊氬姩鏉?scroll:濮嬬粓鍑虹幇;auto:蹇呰鏃跺嚭鐜?鍏蜂綋鍙傝僀SS鏂囨。)*/
overflow-y: auto; /*绔栧悜婊氬姩鏉?/
}
</style>
<div align="center">
<div class="scroll">
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
鍐呭銆?lt;br />
</div>
</div>
]]>
if (els.type == 'checkbox') {
var divId = els.id.replace('CheckBox', 'Nodes');
$("#" + divId).find("input[type=checkbox]").attr("checked", true);
}
}
]]>
]]>
<head runat="server">
<title></title>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
});
function showDiv() {
$("body").find('.editItem').removeClass("itemNone");
alert("hello world !");
}
function hideDiv() {
$('body').find('.editItem').addClass("itemNone");
}
</script>
<style type="text/css">
.itemNone{ display:none;}
</style>
</head>
<body>
<form id="form1" runat="server">
<input type="button" onclick="showDiv()" value="show"/>
<input type="button" onclick="hideDiv()" value="hide"/>
<div class="editItem"> 涓浗杞歡</div>
<div class="editItem"> 涓浗杞歡</div>
<div class="editItem"> 涓浗杞歡</div>
<div class="editItem"> 涓浗杞歡</div>
</form>
</body>
]]>
return false;
}
})
<input type="button" class="deleteItem" value="鍒犻櫎">
]]>
鍚屾牱鍒ゆ柇闅愯棌 $("#id").is(":hidden")
]]>
var scrollX, scrollY = -1;
function Ajax(){
////鍒涢犲璞?
var xmlhttp;
try
{
if (window.ActiveXObject){
/* 涓嶈鍒犻櫎浠ヤ笅娉ㄩ噴錛岃繖閮ㄥ垎涓嶆槸娉ㄩ噴 */
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.xmlhttp");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.xmlhttp");
} catch (e) {
xmlhttp = false;
}
}
@end @*/
}else{
xmlhttp=new XMLHttpRequest();
}
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
}
}
catch(e)
{
alert(e.message);
}
if(!xmlhttp)
{
alert("浣犵殑嫻忚鍣ㄤ笉鏀寔xmlhttp瀵硅薄,鎵浠ヤ竴浜涘姛鑳芥棤娉曚嬌鐢?寤鴻浣跨敤楂樼増鏈殑嫻忚鍣?!");
return;
}
///鍑芥暟涓婚
this.getData=function(url,data,dodata)
{
var verbs =data;
// alert(data);
xmlhttp.open("POST", url,true);
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4){
waitElement.style.visibility='hidden';
dodata(xmlhttp);
}
else{
CreateWaitElement();
waitElement.style.visibility='visible';
MoveWaitElement();
}
}
xmlhttp.setRequestHeader("Content-Length",verbs.length);
xmlhttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");
xmlhttp.send(verbs);
}
/////
this.getUrlData=function(url,data,dodata)
{
xmlhttp.open("GET",url,true);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
dodata(xmlhttp);
}
}
xmlhttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");
xmlhttp.send(null);
}
this.getFormData=function(demo)
{
//alert(demo);
}
///鍑芥暟涓婚
}
if (window.addEventListener) {
window.addEventListener('scroll', MoveWaitElement, false);
window.addEventListener('resize', MoveWaitElement, false);
}
else if (window.attachEvent) {
window.attachEvent('onscroll', MoveWaitElement);
window.attachEvent('onresize', MoveWaitElement);
}
function MoveWaitElement() {
var scrollYT, scrollXT;
if (!waitElement)
CreateWaitElement();
if (typeof(window.pageYOffset) == "number") {
scrollYT = window.pageYOffset;
scrollXT = window.pageXOffset;
}
else if (document.body && document.documentElement && document.documentElement.scrollTop) {
scrollYT = document.documentElement.scrollTop;
scrollXT = document.body.scrollLeft;
}
else if (document.body && typeof(document.body.scrollTop) == "number") {
scrollYT = document.body.scrollTop;
scrollXT = document.body.scrollLeft;
}
if (scrollX != scrollXT || scrollY != scrollYT) {
scrollX = scrollXT;
scrollY = scrollYT;
var width = document.body.clientWidth;
waitElement.style.top = scrollYT + "px";
waitElement.style.right = -scrollXT + "px";
}
}
function CreateWaitElement() {
var elem = document.getElementById('__Ajax_Loading');
if (!elem) {
elem = document.createElement("div");
elem.id = '__Ajax_Loading';
elem.style.position = 'absolute';
elem.style.height = 17;
elem.style.paddingLeft = "3px";
elem.style.paddingRight = "3px";
elem.style.fontSize = "11px";
elem.style.fontFamily = 'Arial, Verdana, Tahoma';
elem.style.border = "#000000 1px solid";
elem.style.backgroundColor = "red";
elem.style.color = "#ffffff";
elem.innerHTML = '鍔犺澆涓?...';
elem.style.visibility = 'hidden';
document.body.insertBefore(elem, document.body.firstChild);
}
waitElement = elem;
}
]]>
jQuery鍜宩Query瀵硅薄閮藉疄鐜頒簡璇ユ柟娉曪紝瀵逛簬jQuery瀵硅薄錛屽彧鏄妸each鏂規硶綆鍗曠殑榪涜浜嗗鎵橈細
鎶?span style="color: #ff9900">jQuery瀵硅薄浣滀負絎竴涓弬鏁頒紶閫掔粰jQuery鐨別ach鏂規硶.鎹㈠彞璇濊錛?br />jQuery鎻愪緵鐨別ach鏂規硶鏄鍙傛暟涓鎻愪緵鐨勫璞＄殑涓墍鏈夌殑瀛愬厓绱犻愪竴榪涜鏂規硶璋冪敤銆?br />鑰宩Query瀵硅薄鎻愪緵鐨別ach鏂規硶鍒欐槸瀵筳Query鍐呴儴鐨勫瓙鍏冪礌榪涜閫愪釜璋冪敤銆?
jQuery.prototype.each=function( fn, args ) {
return jQuery.each( this, fn, args );
}
璁╂垜浠湅涓涓媕Query鎻愪緵鐨別ach鏂規硶鐨勫叿浣撳疄鐜幫紝
jQuery.each(obj,fn,arg)
璇ユ柟娉曟湁涓変釜鍙傛暟:榪涜鎿嶄綔鐨勫璞bj錛岃繘琛屾搷浣滅殑鍑芥暟fn錛屽嚱鏁扮殑鍙傛暟args銆?
璁╂垜浠牴鎹畂jb瀵硅薄榪涜璁ㄨ錛?br />1.obj瀵硅薄鏄暟緇?
each鏂規硶浼氬鏁扮粍涓瓙鍏冪礌鐨勯愪釜榪涜fn鍑芥暟璋冪敤錛岀洿鑷寵皟鐢ㄦ煇涓瓙鍏冪礌榪斿洖鐨勭粨鏋滀負false涓烘錛屼篃灝辨槸璇達紝
鎴戜滑鍙互鍦ㄦ彁渚涚殑fn鍑芥暟榪涜澶勭悊錛屼嬌涔嬫弧瓚充竴瀹氭潯浠跺悗灝遍鍑篹ach鏂規硶璋冪敤銆傚綋each鏂規硶鎻愪緵浜哸rg鍙傛暟鏃訛紝
fn鍑芥暟璋冪敤浼犲叆鐨勫弬鏁頒負arg錛屽惁鍒欎負錛氬瓙鍏冪礌绱㈠紩錛屽瓙鍏冪礌鏈韓
2.obj 瀵硅薄涓嶆槸鏁扮粍
璇ユ柟娉曞悓1鐨勬渶澶у尯鍒槸錛歠n鏂規硶浼氳閫愭涓嶈冭檻榪斿洖鍊肩殑榪涜榪涜銆傛崲鍙ヨ瘽璇達紝obj瀵硅薄鐨勬墍鏈夊睘鎬ч兘浼氳fn鏂規硶榪涜璋冪敤錛?br />鍗充嬌fn鍑芥暟榪斿洖false銆傝皟鐢ㄤ紶鍏ョ殑鍙傛暟鍚?綾諱技銆?
鍦╡ach 涓?鐨刢ontinue 鍜宐reak
continue 鍦╡ach 涓敤 return true;
break 鍦╡ach 涓敤 return false;
var data = eval("(" + response.responseText + ")");
var notice = "";
$.each(data, function(i, row) {
notice += String.format("<li><a href=''>{0}</a></li>", row.NoticeTitle);
})
]]>
var data=[
{oldkey:"pp1",newkey:"瀹忓熀"},
{oldkey:"pp2",newkey:"鑱旀兂"}
];
var stringObj=self.document.body.innerHTML;
for(var i=0;i<data.length;i++)
{
var reg = new RegExp(data[i].oldkey, "g");
stringObj = stringObj.replace(reg,data[i].newkey);
}
//alert(stringObj)
self.document.body.innerHTML=stringObj;
}
replaceData()
]]>
function ResizePic(ImgTag)
{
var image = new Image();
image.src = ImgTag.src;
if(image.width>0 && image.height>0){
if(image.width/image.height >= FitWidth/FitHeight){
if(image.width > FitWidth){
ImgTag.width = FitWidth;
ImgTag.height = (image.height*FitWidth)/image.width;
}
else{
ImgTag.width = image.width;
ImgTag.height = image.height;
}
}
else{
if(image.height > FitHeight){
ImgTag.height = FitHeight;
ImgTag.width = (image.width*FitHeight)/image.height;
}
else{
ImgTag.width = image.width;
ImgTag.height = image.height;
}
}
}
}
]]>
]]>
eleSelect.options.add(new Option("璇烽夋嫨", "-1"));
}
]]>
ul li{
height:139px;
}
</style>
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff>
<div id=demo1>
<ul>
<li>123112</li>
<li>123112</li>
<li>456788</li>
</ul>
</div>
<div id=demo2></div>
</div>
<script>
var speed=50
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop=demo.scrollTop+3
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
]]>
})
]]>