Time of Update: 2017-01-19
在使用DIV和CSS進行網頁布局中,DIV的自適應高度和自適應寬度是一個很常見的問題。 為了保證頁面的整體美觀性,需要將兩個或者多個層的高度/寬度保持一致。左右自適應高度一致 Jquery 複製代碼 代碼如下: <div style="width:300px;"> <div id="Left" style="float:left;background-color:blue;">1<br/>3<br/>5<br/></div>
Time of Update: 2017-01-19
只出現一次的提示資訊 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
關於jQuery()方法的第二個參數,有下面這幾種用法:1.jQuery(selector, [context])這種用法,相當於 $(context).find(selector) 或者 context.find(selector)2.jQuery(html,
Time of Update: 2017-01-19
本文執行個體講述了jQuery事件綁定與解除綁定實現方法。分享給大家供大家參考。具體如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title> New Document </title><meta name="Generator"
Time of Update: 2017-01-19
jquery 智能彈出層,位置可以自適應,當層靠右邊顯示時自動往左移。初次運行時請按F5重新整理,載入遠程jQuery後才能看到效果,點擊滑鼠左鍵,彈出層將出現,在最右邊點擊時層自動往左移。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/
Time of Update: 2017-01-19
Jquery將使用者名稱密碼儲存到cookie中需要匯入jquery.js和jquery.cookie.js<html><head><title>test cookie</title><script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script><script src="Scripts/jquery.cookie.js" type="
Time of Update: 2017-01-19
下面是代碼:複製代碼 代碼如下:--------------------------------------------------------------------------------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.
Time of Update: 2017-01-19
頁面代碼:複製代碼 代碼如下:<table> <tr><td><input type="text" id="txtPwd" /></td></tr>
Time of Update: 2017-01-19
一.Tagit外掛程式功能提高網站互動性,增加使用者體驗。至於其它的功能,還真沒有。用一個input text就可以替換了它。但是text沒有輸入提示功能,而tagit擁有這個功能。官方樣本如下圖:將關鍵詞標籤化,成為一個整體。方便刪除與瀏覽。二.Tagit官方地址http://aehlke.github.io/tag-it/
Time of Update: 2017-01-19
有沒有見過很多在頁面的右下角有個【回到頂端】的懸浮東東,並且在開始時沒有,一移動捲軸就出現,回到了頂端又消失的樣子。 像: 控制的js代碼如下: 複製代碼 代碼如下: function goTop(){ var _btn = document.getElementById("goTop"); if (document.documentElement && document.documentElement.scrollTop) { var _con =
Time of Update: 2017-01-19
今天在修改原群組彈窗的時候,發現彈窗在Google瀏覽器chrome下的位置跟在別的瀏覽器下不一樣.逐一排查,肯定是在計算視窗位置的時候,少加了scrollTop這個值.在查看原始碼的時候發現直接採用document.documentElement.scrollTop這個,但在chrome下這個值為0.
Time of Update: 2017-01-19
jPaginate是基於jQuery的動感滾動分頁外掛程式,它的表現形式是像分頁的按鈕一樣,非常有意思的是這些按鈕卻可以滾動,可以通過單擊或滑鼠滑向點兩側的小箭頭來控制按鈕的前後滾動。PHP讀取第一頁資料:<div id="pagetxt"> <?php $query = mysql_query("select id,title,addtime from article order by id desc limit 0, 6"); while ($row =
Time of Update: 2017-01-19
本文執行個體講述了jQuery簡單實現日曆的方法。分享給大家供大家參考。具體分析如下:原理挺簡單的,首先算出一個月有多少天,再算出這個月的第一天是星期幾,接著順序排下來就可以了.<!DOCTYPE HTML><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0,
Time of Update: 2017-01-19
超炫加入購物車效果,和天貓、聚美優品加入購物車效果相媲美。本文介紹一款加入購物車外掛程式jquery.fly.min.js,點擊加入購物車,物品以拋物線動畫效果到達購物車。示範圖:HTML首先載入jQuery.js和jquery.fly.min.js外掛程式。<script src="jquery.js"></script> <script
Time of Update: 2017-01-19
複製代碼 代碼如下: /* 拖拽流程: 1、第一步點擊需要拖動的元素 2、在點擊下的元素被選中,進行move移動 3、當滑鼠彈起的時候,停止動作 4、點擊元素oDIV的時候,可用的是oDIV地區,而move和up則是全域地區,也就是整個文檔通用,即應該用document */ oDIV = document.getElementById("gaga"); oDIV.onmousedown = function( e ){ // 當滑鼠點擊下去的時候 var diffX = e.clientX -
Time of Update: 2017-01-19
方法1: 複製代碼 代碼如下: <SPAN style="FONT-SIZE: 12px"><script type="text/javascript"> <!-- function go(t,url){ //t設定跳轉時間:秒 //url設定跳轉網址 document.write("<div id=text>本頁將在<strong id='tt'></strong>後,跳轉至:<span id='link'><
Time of Update: 2017-01-19
有時我們需要在用戶端處理頁面地址傳遞的參數,jqURL外掛程式可以實現擷取頁面參數及參數值,擷取頁面URL地址,新開一個指定大小的視窗。使用方法介紹:假設當前url地址為:"http://www.jb51.net?a=1&b=2&c=3"方法1:新開一個頁面視窗複製代碼 代碼如下:$.jqURL.loc("http://www.jb51.net",{w:200,h:200,wintype:"_blank"});
Time of Update: 2017-01-19
在一些圖片網站上我們可以看到在展示圖片的時候,用滑鼠輕輕滑上圖片可以看到該圖片的文字介紹資訊,其實用jQuery的animate函數就可以實現這樣一個動畫過程。<div class="wrap"> <img src="images/s1.jpg" alt="photo" /> <div class="cover"> <h3>強震摧毀加勒比海小國海地</h3>
Time of Update: 2017-01-19
用js有很久了,但都沒有深究過js的數組形式。偶爾用用也就是簡單的string.split(char)。這段時間做的一個項目,用到數組的地方很多,自以為js高手的自己居然無從下手,一下狠心,我學!呵呵。學了之後才知道,js數組的功能強大很,遠比VB,C#強多了,大家慢慢看吧1、數組的建立 複製代碼 代碼如下:var arrayObj = new Array(); //建立一個數組var arrayObj = new
Time of Update: 2017-01-19
顯示大圖和隱藏大圖的js代碼: 複製代碼 代碼如下:<script type="text/javascript"> //顯示圖片 function over(imgid,obj,imgbig) {//大圖顯示的最大尺寸 4比3的大小 400