JavaScript

jQuery移除或禁用html元素點擊事件常用方法小結，jquery移除本文執行個體講述了jQuery移除或禁用html元素點擊事件常用方法。分享給大家供大家參考，具體如下：移除或禁用html元素的點擊事件可以通過css實現也可以通過js或jQuery實現。一、CSS方法.disabled { pointer-events: none; }二、jQuery方法方法一$(this).click(function (event) {event.preventDefault();}方法二$('a').

jQuery基於Ajax方式提交表單功能樣本，jqueryajax本文執行個體講述了jQuery基於Ajax方式提交表單功能。分享給大家供大家參考，具體如下：提交表單一般通過同步的方式提交，提交後頁面重新整理或跳轉到新頁面來顯示伺服器端返回的處理結果。如果表單提交後有另外的操作或業務需求需要還在這個頁面上顯示或處理，那麼頁面不能整體重新整理，這時第一想到的就是採用ajax的方式提交表單。下面完整的介紹一個表單採用ajax方式提交的流程。一、準備1、頁面引入jQuery檔案2、頁面引入jQuery

基於jQuery實現彈幕APP，jquery幕app今天閑著無聊，寫了個彈幕APP，主要實現以下幾個功能：1.點擊“彈幕發射”或斷行符號可以輸出彈幕到彈幕牆上。2.彈幕的運行軌跡是從彈幕牆的最右邊到最左邊，Y軸的數值在彈幕牆的高度內隨機，顏色HEX隨機，速度隨機。3.右側的表格可以儲存彈幕內容以及彈幕的發射時間，越靠近現在的越靠前。4.點擊“清除彈幕”可以把彈幕牆內的所有彈幕清除掉，但不會影響到表格中的資料。5.如果彈幕長度過長（我設定的是6個字元），則超過規定長度之外的彈幕內容都會由“...”

BootStrap Datepicker 外掛程式修改為預設中文的實現方法，bootstrapdatepickerbootstrap-datepicker 是一個非常優秀的時間選擇外掛程式，預設是英文顯示日期的，通過下面幾個小修改讓其支援預設中文1、首先將 bootstrap-datepicker.js 另存新檔 utf-8 格式儲存2、增加 cn 語言選項 var dates = $.fn.datepicker.dates = { en: { days:

Vue.js 2.0窺探之Virtual DOM到底是什嗎？，vue.jsdomVirtual DOM是什嗎？在之前，React和Ember早就開始用虛擬DOM技術來提高頁面更新的速度了。

用jQuery旋轉外掛程式jqueryrotate製作轉盤抽獎，jqueryjqueryrotate本文執行個體為大家分享了jQuery旋轉外掛程式jqueryrotate製作轉盤抽獎的具體代碼，供大家參考，具體內容如下：jqueryrotate<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"/> <meta name="viewport" content="width=

angularjs實現的前端分頁控制項樣本，angularjs分頁前言：之前寫個一個jQuery的分頁顯示外掛程式，存在許多的bug，現在由於業務需要，學習的一點AngularJS，重新用angularjs實現了這個分頁外掛程式實現：（是加上了bootstrap的css檔案）用法：angular-pagination.js代碼：/** * angularjs分頁控制項 * Created by CHEN on 2016/11/1. */angular.module('myModule', [])

基於jQuery代碼實現圓形菜單展開收縮效果，jquery圓形廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：<head><script src="js/jquery.min.js"></script><script src="js/jquery.menu.js"></script><style>body { margin:0 auto; background:none repeat scroll 0 0

Angularjs自訂指令實現三級聯動 選擇地理位置，Angularjs自訂指令實現三級聯動效果，先代碼<html lang="zh-CN" ng-app="myApp"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,

js中小數向上取整數,向下取整數,四捨五入取整數的實現(必看篇)，js小數js中小數向上取整數，向下取整數，四捨五入取整數的實現。1.ceil()  向上-------------ceil英文意思是：天花板-----------就是在上2.floor() 向下-------------ceil英文意思是：地面-----------就是在下3.round()

bootstrap table 資料表格行內修改的實現代碼，bootstraptablejs中設定列的屬性 editable :{type : 'text',//資料顯示在文字框內emptytext : "--",//資料為空白時顯示validate : function(value) {if ($.trim(value) == '') {return '不可為空';//修改是資料為空白 顯示}}}js中設定bootstrop-table載入資料時屬性onEditableSave :

Bootstrap選項卡學習筆記分享，bootstrap學習筆記本文執行個體為大家分享了Bootstrap選項卡的學習筆記，供大家參考，具體內容如下tab選項卡<body> <div class="container"> <!-- tab選項卡 --> <ul class="nav nav-tabs"> <li class="active"><a href="#pan1" data-toggle="tab"

指令碼div實現拖放功能(兩種)，div拖放網頁上有很多拖曳的操作，比如拖動樹狀列表，可拖曳的圖片等。1.原生拖放實現<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="

JavaScript中從setTimeout與setInterval到AJAX非同步，setintervalajaxsetTimeout與setInterval執行　　首先我們看一下以下代碼列印結果console.log(1);setTimeout(function() { console.log(2); },100)setTimeout(function() { console.log(3); },50)console.log(4);　　列印結果是

ionic2踩坑之ionic resources失敗，ionic2ionic網上關於ionic2怎麼修改應用表徵圖和啟動畫面資料也挺多的。不過大家執行ionic

border-radius屬性值參數詳解，border-radius      border-radius是CSS3設定圓角的一個屬性，其屬性值得單位可以使用：em、px、百分比等等。但是，border-radius屬性值得參數形式有好多種，那麼具體都代表什麼意思呢？下面以實際例子分析一下：首先是最常見的一種形式，一個值：border-radius: 值；border-radius: 10px;border-radius: 10px 20px 0px

CSS屬性之attr()，css屬性attrattr()準確的說，不應該是一個屬性，而是一個CSS的函數，我們先看看MDN上的介紹吧：SummaryThe attr() CSS function is used to retrieve the value of an attribute of the selected element and use it in the style sheet. It can be used on pseudo-elements

關鍵渲染路徑，渲染路徑關鍵渲染路徑，即頁面呈現在瀏覽器上所需的必要步驟：<html>  <head>    <meta name="viewport" content="width=device-width,initial-scale=1">    <title>Critial Path: Hello world!</title> <link rel="stylesheet"

HTML學習筆記，html筆記HTML 指的是超文字標記語言 (HTML) (Hyper Text Markup Language)XHTML 是更嚴謹更純淨的 HTML 版本。XHTML 指可擴充超文字標籤語言（EXtensible HyperText Markup Language）。XHTML 是作為一種 XML 應用被重新定義的 HTML。XHTML 是一個 W3C 標準。你應該馬上使用小寫字母編寫HTML代碼，同時絕不要養成忽略類似 </p> 標籤的壞習慣。XHTML

利用js判斷手機是否安裝某個app的多種方案，jsapp前言大家在日常開發的時候，經常會遇到這樣的需求，通過檢測手機，如果本地安裝了app那麼直接開啟，否則蘋果要跳轉到app-store，安卓則要跳到對應的市場，下面來給大家介紹幾種解決的方案。解決方案 一//html代碼中 的 a 標籤，以為例，預設的是調用weixin scheme，去開啟原生，如果沒有則跳轉到相應串連　　　　<a href="weixin://" rel="external nofollow"