Time of Update: 2016-05-21
Bootstrap打造一個左側摺疊菜單的系統模板(一),bootstrap模板1. 前言最近需要做一個後台管理系統,我打算使用bootstrap弄一個好看的後台模板。網上的好多模板我覺的css和js有點重。於是就打算完全依靠bootstrap搭建一個屬於自己的模板。首先從左側的摺疊菜單開始。看圖。2. CSS 代碼以下是自訂的css代碼,由於系統是內部使用,所以優先考慮chrome,firefox 不考慮IE了。#main-nav {margin-left:
Time of Update: 2016-05-21
jquery解析XML及擷取XML節點名稱的實現代碼,jqueryxmljquery擷取XML節點名稱的幾種方法以:• get(0).tagName$(this).get(0).tagName• [0].tagName[0]$(this)[0].tagName• context.nodeName$(this).context.nodeNamefunction getXMLData(){ $.ajax({ url:'data.xml',
Time of Update: 2016-05-21
設計模式中的facade面板模式在JavaScript開發中的運用,設計模式facade概念面板模式(門面模式),是一種相對簡單而又無處不在的模式。面板模式提供一個高層介面,這個介面使得用戶端或子系統更加方便調用。面板模式並不是適配器模式,適配器模式是一種封裝器,用來對介面進行適配以便在不相容系統中使用它。而建立外觀元素則是圖個方便。它並不用於達到需要特定介面的客戶系統打交道這個目的,而是用於提供一個簡化的介面。JavaScript程式碼範例用一段再簡單不過的代碼來表示var getName =
Time of Update: 2016-05-21
JQuery 的跨域方法推薦_可跨任何網站,jquery因發現有不少博友發園內簡訊問及JS的跨域問題,我想很多程式員的腦海裡面還認為JS是不能跨域的,其實這是一個錯誤的觀點;有很多人在網上找其解決方案,教其用IFRAME去解決的文章很多,真有那麼複雜嗎?其實很簡單的,如果你用JQUERY,一個GETJSON方法就搞定了,而且是一行代碼搞定。下面開始貼出方法。 //跨域(可跨所有網域名稱) $.getJSON("http://user.hnce.com.cn/getregion.aspx
Time of Update: 2016-05-21
實現JavaScript的組成----BOM和DOM詳解,----bomdom我們知道,一個完整的JavaScript的實現,需要由三部分組成:ECMAScript(核心),BOM(瀏覽器物件模型),DOM(文件物件模型)。今天主要學習BOM和DOM。BOM:BOM提供了很多個物件,用來訪問瀏覽器的功能,這些功能於網頁內容無關(這些是DOM的事),目前,BOM已經被W3C搬入了HTML5規範中。window對象:BOM的core,表示瀏覽器的一個執行個體,它既是通過javascript訪問瀏覽器
Time of Update: 2016-05-21
AngularJs解決跨域問題案例詳解(簡單方法),angularjs首先我們做點準備說明,不然你明白我說的是啥意思別人不明白,就算別人明白了那總有人不明白,那你要說了,我的意思是這個說明必須要做了,答案是必須的,為了更好的方便大家理解嘛。我們以兩個主網域名稱或者一個主網域名稱+一個次層網域為例,均可示範跨域問題。用戶端 a.com服務端 b.com或者s.a.comangularJs版本
Time of Update: 2016-05-21
jQuery擷取當前點擊的對象元素(實現代碼),jquery當前jQuery擷取當前點擊的對象元素(實現代碼)<script type="text/javascript" src="script/jquery-1.8.3.js"></script></head><body> <p>段落1</p> <p>段落2</p> <p>段落3</p>
Time of Update: 2016-05-21
去除html代碼裡面的script正則方法,去除html代碼script去除html代碼裡面的script正則方法/** * 去除html代碼裡面的指令碼字元(<script ...>...</script>和<script ... /> * @author ob * */public class Regex {/** * @param args */public static void main(String[] args)
Time of Update: 2016-05-20
CSS屬性選取器溫故-4,css溫故-41.屬性選取器就是通過元素屬性來找到元素2.屬性選取器文法CSS3遵循了慣用的編碼規則,萬用字元的使用提高了樣式表的書寫效率,也使CSS3的屬性選取器更符合編碼習慣3.瀏覽器安全色性CSS選取器總結:CSS選取器和jQuery的選取器非常相似,學好CSS選取器會讓我們學習jQuery事半功倍
Time of Update: 2016-05-18
JQuery.validate在ie8下不支援解決方案,jquery.validateie8一、在ie8下回有問題的代碼1、JQuery.validate驗證架構是通過頁面form表單提交驗證<input/>標籤中輸入是否符合自己的規則的 1 <form id="cardTypeFrm"> 2 <table width="100%" cellspacing="0" cellpadding="0" class="table_pzh"> 3
Time of Update: 2016-05-15
css3實現游標懸浮滾動菜單,css3游標懸浮滾動效果:http://hovertree.com/texiao/css3/21/本文所用到的CSS知識請點擊效果展示也中第一和第二個連結。代碼:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>css3實現游標懸浮滾動菜單 -
Time of Update: 2016-05-15
JS實現登入頁面記住密碼和enter鍵登入方法推薦,記住密碼enter<!DOCTYPE html><html><head><meta charset="UTF-8"><title>按enter鍵觸發事件和記住帳號密碼</title><script>//方法一:// document.onkeypress=function(e){// var
Time of Update: 2016-05-15
執行個體講解使用原生JavaScript處理AJAX請求的方法,執行個體講解ajaxAjax 是非同步JavaScript和XML的簡稱,是一種更新頁面某部分的機制。它賦予了你從伺服器擷取資料後,更新頁面某部分的權力,從而避免了重新整理整個頁面。另外,以此方式實現頁面局部更新,不僅能有效地打造流暢的使用者體驗,而且減輕了伺服器的負載。下面是對一個基本的 Ajax 請求進行剖析:var xhr = new XMLHttpRequest();xhr.open('GET',
Time of Update: 2016-05-15
解析JavaScript物件導向概念中的Object類型與範圍,javascriptobject參考型別參考型別主要包括:Object 類型、Array 類型、Date 類型、RegExp 類型、Function 類型等等。參考型別使用時,需要從它們身上產生一個對象(執行個體)。也就是說,參考型別相當於一個模版,當我們想要用某個參考型別的時候,就需要用這個模版來產生一個對象來使用,所以參考型別有時候也稱作對象定義。例如,我們需要產生一個 person
Time of Update: 2016-05-15
基於jQuery外掛程式實現點擊小圖顯示大圖效果,jquery大圖本文執行個體為大家分享了基於jQuery實現點擊小圖顯示大圖效果,供大家參考,具體內容如下顯示以下效果:點擊任意一張圖片會顯示大圖:1、前台介面<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="練習.WebForm1" %><!DOCTYPE html PUBLIC "-//W3C//DTD
Time of Update: 2016-05-15
Jquery外掛程式仿百度搜尋索引鍵自動匹配功能,jquery百度搜尋本文執行個體為大家分享了Jquery搜尋索引鍵自動匹配功能的實現代碼,供大家參考,具體內容如下jQuery AutoComplete 是一個基於jQuery實現搜尋索引鍵自動匹配提示的外掛程式,該外掛程式可擴充性強,表現效能優越,方便整合到自己的項目中使用;相容IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+, and Chrome 1.0+ 等主流瀏覽器。下面是具體的使用方法:1、使用設定首頁,
Time of Update: 2016-05-15
JQuery validate外掛程式驗證使用者註冊資訊,jqueryvalidate使用JQuery的validate外掛程式做用戶端驗證非常方便,下面做一個使用validate外掛程式驗證使用者註冊資訊的例子。本執行個體使用的是1.5版本。樣本是在SSH下做的,代碼如下:registe.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
Time of Update: 2016-05-15
設定點擊文字框或圖片彈出日曆控制項的實現代碼,文字框日曆<input id="startDate" value="" readonly="true" type="text" style="cursor: pointer" class="user_datepicker "><input class="canlderImg" data-tag="start" type="image" src="../../i/canlder1.png"><span>結束:<
Time of Update: 2016-05-15
基於BootStrap Metronic開發架構經驗小結【二】列表分頁處理和外掛程式JSTree的使用,metronicjstree在上篇基於BootStrap
Time of Update: 2016-05-15
JS函數的定義與調用方法推薦,js函數定義調用JS函數調用的四種方法:方法調用模式,函數調用模式,構造器調用模式,apply,call調用模式1. 方法調用模式:先定義一個對象,然後在對象的屬性中定義方法,通過myobject.property來執行方法,this即指當前的myobject對象。var