項目常見函數封裝,基於Jquery

/// /** DIV或元素置中* @return*/jQuery.fn.mCenterDiv = function () { this.css("position", "absolute"); this.css("border", "1px solid #ccc"); this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px");

JS數量輸入控制項

  很早看到kissy首頁 有數量輸入控制項,就隨便看了下功能 感覺也不怎麼難 所以也就試著自己也做了一個, 當然基本的功能和他們的一樣,只是用了自己的編碼思想來解決這麼一個問題。特此給大家分享下!kissy demo連結    個人編寫的 demo連結   下面來一步步分析下我當初寫代碼的思路:    1. 首先是HTMl代碼如下: <h3>demo1:步長為0.8,下限為0,

學習JQuery - 13

4. 與動畫等效的效果隊列 我們上一節已經使用了animate()方法。 下面看一個樣本: js代碼 $('div.label').click(function(e) { var paraWidth = $('div.speech p').outerWidth();var $switcher = $(this).parent();var switcherWidth = $switcher.outerWidth();$switcher.

jQuery分頁外掛程式

少於10頁大於10頁就會出現省略符號,原則是中間5頁,左側固定1頁,右側固定1頁,如果省略符號只省略了1頁,則不顯示省略符號大於100頁就不會顯示總頁數了,因為我覺得沒必要,哈哈哈/*! * ------------------------------------------------------------- * 分頁外掛程式, 產生分頁頁碼, 並負責點擊事件的處理 * -------------------------------------------------------------

模仿mongodb採用xml+json實現小型資料庫

mini-mongodb 模仿mongodb採用Xml+json實現小型資料庫; 1.實現資料庫建立 2.表的建立 3.表資料的增、刪、改、查 供大家參考學習使用,有助於更好的瞭解MongoDB的實現原理!代碼: http://zhangdaiscott.github.io/mini-mogodb package org.jeecgframework;import java.io.FileInputStream;import

移動WebApp開發-jQuery Mobile入門

 移動互連網的發展,促生了各種各樣的移動Web架構。jQuery Mobile 是一個針對觸摸體驗的 web UI 開發架構,很容易就可以把 Web App 封裝成適合 Android 與 iOS等觸屏行動裝置的 Javascript 庫,與 HTML5結合可以很方便快速的開發出一款具有良好介面及使用者體驗的 Web App,而且不需要安裝任何東西,只需將需要的 *.js 和 *.css 檔案直接包含到 web

jquery進階方法描述與應用

1.addBack()a. third-item的 li 下幾個相鄰節點(包括third-item)$( "li.third-item" ).nextAll().addBack(). .css( "background-color", "red" );b. 和end()方法類似,選中的是div.after-addback和p元素,end選中的是div.after-addback元素$(

JS實現星級評價

說明:  本方法採用了Jquery庫,暫時檢測相容IE8版本。本樣本的2種顏色的星星都是放入了一張png圖片當中,當然還有其他的一些實現思路。本樣本展示的情況是當前頁面只有一個星級評價的情況。思路:  通過對星級顯示元素的,mouseenter,mouseout,click 三個事件的監聽,從而星星顯示的個數。其中我用了2個變數(temp_value,choice_value)來存放當前選定星級的值和當前臨時的星級值;   temp_value : 臨時的星級

[javascript基礎]基本概念

前言 最近迷茫了一段時間,不知道應該從何處開始學習前端知識,好像這種狀態已經持續了一年了,天天也在看前端的東西,但是記住的多少或者說在腦中一團糟,沒有什麼清晰的概念。最近加入了jQuery源碼交流群(

使用jQuery載入script指令碼

翻譯人員: 鐵錨翻譯日期: 2014年1月9日原文日期: 2014年1月6日原文連結: Loading Scripts with jQueryJavaScript loaders載入器簡單強大而又非常有用。我在部落格上介紹過其中一些,例如 curljs 和 LABjs ,也在個人項目中使用 RequireJS 和 Dojo

Script標籤與訪問HTML頁面詳解

複製代碼 代碼如下:<img src="1_ender1000.jpg" id="img2" alt="" onclick="alert('onclick');" onmouseover="this.src='1_yylklshmyt20090217.jpg'" title="反轉圖片" />    <script type="text/javascript">    var

JQuery BUG : $.attr(&amp;quot;selected&amp;quot;,tru

Jquery版本:1.10.2GOOGLE CHROME瀏覽器可正常執行。IE11和FIREFOX 26出現BUG。test 1test 2test 3test 4為了向伺服器提交多選,需要先選中所有option。然而,進行JQUERY的$("#id123 option").attr("selected",true)時,易出現BUG,特此記錄。BUG重現:手動點擊選項(手動點擊的目的可能是排序選項等),再進行JQUERY的$("#id123

文字框(input)擷取焦點(onfocus)時樣式改變的範例程式碼

摘要:許多重視使用者體驗的設計師都希望給文字框(input)加上擷取焦點或者滑鼠移至上方時的樣式轉場效果。其實很簡單,我們只需要擷取頁面上的文字框,加上onfocus事件或者其他對應的事件即可。本文介紹了如何在擷取焦點時轉場樣式,明白原理後,實現其他效果就很簡單了。

JS 學習筆記--9---變數-範圍-記憶體相關

  JS 中變數和其它語言中變數最大的區別就是,JS 是鬆散型語言,決定了它只是在某一個特定時間儲存某一特定的值的一個名字而已。由於在定義變數的時候不需要顯示規定必須儲存某種類型的值,故變數的值以及儲存的資料類型可以在指令碼頁面的生命週期中隨意的改變,其他語言則不可。 1、基本類型和參考型別的值       基本類型:指那些儲存在棧記憶體中的簡單資料,即這種值完全儲存在記憶體中的一個位置。他們所佔據的空間大小是固定的。類型有:Number,

js出生日期 年月日串聯功能表範例程式碼

現在世界通用的西曆(陽曆)也經過一個長期演變的過程。我們先看,西曆每個月的日數是固定的:"七前單大,八後雙大"。也就是說,一、三、五、七、八、十、臘月(十二月)是31天,四、六、九、十一月是30天,只有二月,平年28天,閏年29天。複製代碼 代碼如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %><

javascript遍曆控制項執行個體詳細解析

js遍曆頁面控制項,複製代碼 代碼如下: var inputArr = document.forms[0];   for( var i = 0; i < inputArr.length; i++ ) {    if( inputArr[i].type.toUpperCase() == "BUTTON" ) {    

關閉ie視窗清除Session的解決方案

複製代碼 代碼如下://function window.onunload() { alert('這就是你要做的事,關閉網頁之後做的! '); location = 'SessionClear.aspx'; }        //function window.onbeforeunload() { alert('這就是你要做的事,關閉網頁之前做的! ') }      

JS擷取下拉式清單所選中的TEXT和Value的實現代碼

如下所示:複製代碼 代碼如下:<!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/1999/xhtml"><head><meta http-equiv="Content-Type"

showModalDialog模態對話方塊的使用詳解以及瀏覽器安全色

1.ModalDialog是什嗎?showModalDialog是jswindow對象的一個方法,和window.open一樣都是開啟一個新的頁面。區別是:showModalDialog開啟子視窗後,父視窗就不能擷取焦點了(也就是無法操作了)。可以在子視窗中通過設定window.returnValue的值,讓父視窗可以擷取這個returnvalue.2.一個例子1)主視窗main.html,2)在主視窗中通過showModalDialog的方式開啟子視窗sub.html3)在子視窗中設定retu

js opener的使用詳解

在JS中,window.opener只是對快顯視窗的母視窗的一個引用。比如:a.html中,通過點擊按鈕等方式window.open出一個新的視窗b.html。那麼在b.html中,就可以通過window.opener(省略寫為opener)來引用a.html,包括a.html的document等對象,操作a.html的內容。假如這個引用失敗,那麼將返回null。所以在調用opener的對象前,要先判斷對象是否為null,否則會出現“對象為空白或者不存在”的JS錯誤。例子opener.html複

總頁數: 3271 1 .... 3041 3042 3043 3044 3045 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.