Time of Update: 2017-01-19
【前言】 在大型項目的開發中,外掛程式化是一種趨勢,將相似的多次使用的東西封裝成公用的外掛程式,以提高開發效率。其他開發人員在調用外掛程式的時候,只需簡單的一兩行代碼就可以實現非常複雜的內容或者效果。 在這一節裡面我就跟大家分享一下,我是如何封裝一個輸入框外掛程式的。【呈現分析】(1)預設展示:邊框為灰色,中間有輸入提示資訊(2)擷取焦點:邊框為藍色,無輸入內容時中間有輸入提示資訊,有輸入內容的時候中間顯示輸入內容(3)失去焦點:輸入正確邊框變成淺綠色,並有個√;輸入錯誤,邊框變紅,並有個×
Time of Update: 2017-01-19
今天看了jQuery手冊,對prop()函數又多了一點認識,記憶力不好,記錄下來。prop() : 擷取匹配元素集中第一個元素的值判斷checkbox中的第一個是否被選中:$(":checkbox").prop("checked"); //如果第一個checkbox被選中返回true,否則返回false.禁用和選中頁面上的所有複選框:$("input[type='checkbox']").prop("disabled",
Time of Update: 2017-01-19
本文執行個體為大家分享了jQuery表單事件代碼,供大家參考,具體內容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表單事件</title></head><style type="text/css" rel="stylesheet"> .input_focus{ background-color:
Time of Update: 2017-01-19
在上篇文章給大家介紹了jQuery Easyui使用(一)之可摺疊面板的布局手風琴菜單先上代碼:<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>用車管理</title><link
Time of Update: 2017-01-19
複製代碼 代碼如下:/* * Copyright (c) 2010 劉建華 * * The above copyright notice shall be * included in all copies or substantial portions of the Software. * Example: <div style="height:1000px">demo</div> <div id="demo" style="height:50px;
Time of Update: 2017-01-19
控制項類代碼: 複製代碼 代碼如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Reflection; using System.IO;
Time of Update: 2017-01-19
介紹的是基於JQuery實現的一個選項卡效果,重點體現在HTML裡沒有內聯事件處理常式,而是定義在js檔案裡,做到行為與結構的分離。在實際應用過程中,只 要保證選項卡模組結構代碼的完整性,就可以任意添加N個同類選項卡,不需要手動在HTML裡綁定事件處理常式以及給要隱藏顯示的內容層添加ID。 在這裡,我又做了部分的修改,增加了選項卡可自動切換功能,以及選項卡點擊相應還是滑鼠放上後相應的參數,同時依然支援多次調用。 現在,我把代碼貼上,與眾博友共用 這是js指令碼 複製代碼 代碼如下: /*
Time of Update: 2017-01-19
官方網站:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete 目前的版本:1.1 需要JQuery版本:1.2.6+ 首先是最重要的方法 autocomplete( url or data, [options] ) 第一個參數可以是數組或者url。options參數比較複雜: * minChars (Number): 在觸發autoComplete前使用者至少需要輸入的字元數.Default:
Time of Update: 2017-01-19
CSS 複製代碼 代碼如下: <style type="text/css"> #divD{ width:300px; height:100px; background-color:#CC99FF; } </style> Jquery代碼 複製代碼 代碼如下: <script type="text/javascript" src="bg/js/jquery-1.4.2.min.js"></script> <script type="text/
Time of Update: 2017-01-19
今天在做一個功能的時候使用到了Jquery
Time of Update: 2017-01-19
第一種:下面的代碼是針對jb51這個樣式下的a都是在新視窗開啟 複製代碼 代碼如下: <script type="text/javascript"> jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); }); </script> 第二種: 複製代碼 代碼如下: <script src="http://code.jquery.com/jquery-latest.js"
Time of Update: 2017-01-19
複製代碼 代碼如下:<html> <head> <title>超簡單上下翻</title> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> 簡單上下翻,函數 <script type="text/javascript"> function UpDown(What) { var aList
Time of Update: 2017-01-19
剛在自己的前端技術群裡有個小夥伴兒問到這個問題,點擊的時候進行紅色背景和白色背景的切換,然後我就臨時想到了一個解決方案,在這裡記錄一下吧,希望還有別的剛學習前端的小夥伴兒能用到,大神就請繞道咯!另外提一下,自己這個前端群都是一群熱愛前端的小夥伴兒,如果你是一個人在自學的話,不妨來加入我們,把你遇到的前端問題儘管扔進群裡哦,小夥伴兒們看到了會給你耐心解答的哦! 不說了,上代碼:<!DOCTYPE
Time of Update: 2017-01-19
核心代碼:複製代碼 代碼如下:function cur(ele){ $(ele).addClass("cur").siblings().removeClass("cur"); } function tab(id_tab,tag_tab,id_con,tag_con,act){ $(id_tab).find(tag_tab).eq(0).addClass("cur"); $(id_con).find(tag_con).eq(0).show().siblings(tag_con).hide();
Time of Update: 2017-01-19
1:這個東西是我抄的(抄的哪兒的我就想不起來了- -)彈出的窗沒有樣式 不是很好看//擴充$.extend($.fn.datagrid.methods, { /** * 開打提示功能 * @param {} jq * @param {} params 提示訊息框的樣式 * @return {} */ doCellTip : function(jq, params) { function showTip(data, td, e) { if ($(td).text() == "") return;
Time of Update: 2017-01-19
iCheck特色:1、在不同瀏覽器(包括ie6+)和裝置上都有相同的表現 — 包括 案頭和行動裝置2、支援觸摸裝置 — iOS、Android、BlackBerry、Windows Phone等系統4、方便定製 — 用HTML 和 CSS 即可為其設定樣式 (多套皮膚)5、體積小巧 — gzip壓縮後只有1 kb6、25 種參數 用來定製複選框(checkbox)和選項按鈕(radio button)7、8 個回調事件 用來監聽輸入框的狀態8、7個方法
Time of Update: 2017-01-19
在使用jQuery iCheck
Time of Update: 2017-01-19
不知道大家有沒有注意到有的網頁由於頁面資訊量太大所以使用了頁面定位導航來實現跳轉,點擊旁邊的菜單的某一項頁面就跳到那一項對應的內容,而且我們滾動捲軸,當滾動到某一項內容,旁邊菜單對應的那一項也會高亮顯示。今天我就來講講這樣的效果是如何?的。 先貼上顯示效果: 實現: 這個的頁面配置很簡單,大家下去多試試就OK了,值得注意的是需要在菜單布局裡的每一個li裡面添加a標籤並且給a標籤的 href
Time of Update: 2017-01-19
本文執行個體為大家分享了Jquery easyUi選項卡轉場效果,供大家參考,具體內容如下<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Basic Tabs - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css"
Time of Update: 2017-01-19
對話方塊(Dialog)是一個特殊的視窗(window),可以包含在頂部的工具列和在底部的按鈕。預設情況下,對話方塊(Dialog)不能改變大小,但是使用者可以設定 resizable 屬性為 true,使其可以改變大小。這種就是對話方塊了。EasyUI有兩種建立方式:第一種:通過已存在的DOM節點元素標籤建立<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1