Time of Update: 2017-02-05
利用Js+Css實現摺紙動態導航效果執行個體源碼,js摺紙先來看看第一種實現方式如下:不再採用ul li的布局方式-webkit-transform-style:preserve-3d只對子項目有作用,所以每個div都加。執行個體源碼<!doctype html><html><head><meta charset="utf-8"><title>無標題文檔</title><style>.wrap{margin:30
Time of Update: 2017-02-05
詳解jQuery中ajax.load()方法,jqueryajax.loadjQuery load() 方法jQuery load() 方法是簡單但強大的 AJAX 方法。load()
Time of Update: 2017-02-05
js實現文字選中分享功能,js實現文字分享總結:文字選中IE和其他瀏覽器不一樣在IE中文字選中後滑鼠抬起,圖片顯現觸發有點快所以用定時器。<!DOCTYPE html><html><head><meta charset=utf-8 /><title></title><script type="text/javascript"
Time of Update: 2017-02-05
基於javascript實現數字英文驗證碼,javascript驗證碼本文執行個體為大家分享了js實現數字英文驗證碼的具體代碼,供大家參考,具體內容如下<html><head><style type="text/css">.code{background-image:url(111.jpg);font-family:Arial,宋體;font-style:italic;color:green;border:0;padding:2px
Time of Update: 2017-02-05
基於JavaScript實現自訂捲軸,javascript捲軸可直接使用的js捲軸,先看看:代碼如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自訂捲軸</title></head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
Time of Update: 2017-02-05
jquery實現input框擷取焦點的簡單一實例,jqueryinput擷取表單焦點變色的簡單一實例//.login-form表單樣式類//.item input輸入框父div// focus是要添加的樣式類 $(".login-form").on("focus", "input", function(){ $(this).closest('.item').addClass('focus'); }).on("blur","input",function(){ $(
Time of Update: 2017-02-05
jquery即時擷取時間的簡單一實例,jquery即時擷取執行個體如下:$(document).ready(function(){function time(){var date=new Date();var h=date.getHours();var m=date.getMinutes();var s=date.getSeconds();$('div').eq(0).html(h);$('div').eq(1).html(m);$('div').eq(2).html(s);for(var i=
Time of Update: 2017-02-05
canvas知識總結,canvas知識1.基礎知識canvas元素繪製映像的時候有兩種方法,分別是 context.fill()//填充 context.stroke()//繪製邊框style:在進行圖形繪製前,要設定好繪圖的樣式 context.fillStyle//填充的樣式 context.strokeStyle//邊框樣式
Time of Update: 2017-02-05
JavaScript Date 知識淺析,javascriptdateDate函數 new Date() Date 對象會自動把當前日期和時間儲存為其初始值。 date.getDate() 從 Date 對象返回一個月中的某一天 (1 ~ 31)。 date.getDay()從 Date 對象返回一周中的某一天 (0 ~ 6)。周日是0。 date.getMonth() 從 Date 對象返回月份 (0 ~ 11)。 date.getFullYear()從
Time of Update: 2017-02-05
jquery 即時監聽輸入框值變化的完美方法(必看),jquery輸入框只需要同時綁定 oninput 和 onpropertychange 兩個事件,但是這並不完美$('.input-form :input').bind('input propertychange', function(){ //擷取.input-form下的所有 <input> 元素,並即時監聽使用者輸入
Time of Update: 2017-02-05
angular實現表單驗證及提交功能,angular表單本例通過Angular架構來實現簡單的表單驗證一、html結構1、藉助於bootstrap快速的編寫了一個簡單的表單 代碼主要部分如下: <div class="container" style="margin-top: 30px;" ng-controller="myCtrl"> <h1 style="text-align: center">使用者表單提交</h1> <form
Time of Update: 2017-02-05
JavaScript實現時鐘滴答聲效果,javascript滴答下面一段代碼給大家分享js實現時鐘滴答聲功能,具體代碼如下所示:<!DOCTYPE html><html> <head> <meta charset="utf8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta name="keywords" content="clock"&
Time of Update: 2017-02-05
詳解bootstrap的modal-remote兩種載入方式【強化】,bootstrapmodal方法一:使用連結<a href="demo.jsp" data-toggle="modal" data-target="#mymodal">開啟</a>當點擊該串連時,demo.jsp的內容就可以動態載入到<div
Time of Update: 2017-02-05
JavaScript基礎之AJAX簡單的小demo,javascriptajaxAJAXAJAX = Asynchronous JavaScript and XML(非同步 JavaScript 和 XML)。AJAX 不是新的程式設計語言,而是一種使用現有標準的新方法。AJAX 是與伺服器交換資料並更新部分網頁的藝術,在不重新載入整個頁面的情況下。function prepareForms() { for(var j=0 ; j<document.forms.length ; j++){
Time of Update: 2017-02-05
Bootstarp基本模版學習教程,bootstarp模版教程今天開始學習bootstrap發現官方的文檔其實寫的真的太棒啦,非常的清晰易懂。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
Time of Update: 2017-02-05
AngularJS報錯$apply already in progress的解決方案分析,angularjsprogress本文執行個體分析了AngularJS報錯$apply already in
Time of Update: 2017-02-05
Javascript基礎回顧之(二) js範圍,javascriptjs本來是要繼續由淺入深運算式系列最後一篇的,但是最近團隊突然就忙起來了,從來沒有過的忙!不過喜歡錶達式的朋友請放心,已經在寫了:) 在工作當中發現大家對Javascript的一些基本原理普遍存在這裡或者那裡的一知半解,所以決定先花一些時間整理一下這些基礎知識和大家分享。
Time of Update: 2017-02-05
Javascript基礎回顧之(三) js物件導向,javascriptjs本來是要繼續由淺入深運算式系列最後一篇的,但是最近團隊突然就忙起來了,從來沒有過的忙!不過喜歡錶達式的朋友請放心,已經在寫了:) 在工作當中發現大家對Javascript的一些基本原理普遍存在這裡或者那裡的一知半解,所以決定先花一些時間整理一下這些基礎知識和大家分享。
Time of Update: 2017-02-05
angular實現商品篩選功能,angular商品篩選一、demo功能分析1、通過service()建立資料並遍曆渲染到頁面 2、根據輸入框的輸入值進列欄位查詢 3、點擊各列實現排序功能。二、實現1.1
Time of Update: 2017-02-05
基於javascript實現最簡單選項卡切換,javascript最簡本文教大家用原生js實現的最簡單選項卡轉場效果,滑鼠滑過,對應的隱藏部分顯示,並且樣式發生改變。 代碼最簡潔,js行為最佳化版,複製粘貼即可使用。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>javascript-實現最簡易選項卡</title><style>