複選框(Checkbox)在各個瀏覽器中的效果不一致,因此很多 Web 開發人員會自己重新設計一套介面和使用體驗都更佳的複選框功能。下面就給大家分享9款超炫的複選框(Checkbox)效果,純 CSS3 實現,未使用任何圖片。 溫馨提示: 為了實現圓角和複選框的立體感效果,這裡運用了 CSS3 的圓角(border-radius)、盒陰影(box-shadow)、漸層(linear-gradient)以及 CSS3 動畫技術。下面是效果一的 CSS
jQuery(':not(selector)') 在jQuery的早期版本中,:not()篩選器只支援簡單的選取器,說明我們傳入到:not這個filter中的selector可以任意複雜,比如:not(div a) and :not(div,a) 複製代碼 代碼如下: <p >"a">sdfsdfs</p> <p >"b">sdfsdfs</p> <p >"c">sdfsdfs</p> $("p:not(.
對於前端的同學來說,網頁布局就是其基本功,不會頁面配置就不是一個合格的網頁重構師。
當給一個js變數賦值一個有換行的值得時候,就會報錯: 複製代碼<!DOCTYPE HTML><html> <head> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
有的時候,我們需要使用<a>這個超級連結,而又不使用href來完成跳轉,而是如:<a href="#" onClick="fun()"></a>這種方式。這樣,就不會讓頁面跳轉。但是同時也會帶來一些負面的問題,比如頁面的title變成了“#”,或者頁面出現了捲軸什麼的。這是因為在執行完了onClick事件後,<a>又去跳轉href所指向的地址了,而”#“是個錨點,預設是網頁的頁首,所以會帶來上邊所說的問題。 解決方案有以下兩種:
打算要寫一個公開課網站,缺少資料,就決定去網易公開課去抓取一些資料。 前一陣子看過一段時間的Node.js,而且Node.js也比較適合做這個事情,就打算用Node.js去抓取資料。 關鍵是抓取到網頁之後如何擷取到想要的資料呢?然後就發現了cheerio,用來解析html非常方便,就像在瀏覽器中使用jquery一樣。 使用如下命令安裝cheerio npm install
在前面一些文章中介紹了Jsoup的一些常用類的使用:jsoup的Document類、Jsoup類、jsoup的Node類、jsoup的Element類、jsoup的Elements類。都是其常用API的翻譯,這裡給一個簡單例子:MainActivity: package com.home.testjsoup;import java.io.IOException;import java.net.MalformedURLException;import java.net.URL;import
在這篇文章中,我將列出10個Javascript實用小技巧,主要面向Javascript新手和中級開發人員。希望每個讀者都能至少從中學到一個有用的技巧。1.變數轉換看起來很簡單,但據我所看到的,使用建構函式,像Array()或者Number()來進行變數轉換是常用的做法。始終使用未經處理資料類型(有時也稱為字面量)來轉換變數,這種沒有任何額外的影響的做法反而效率更高。複製代碼 代碼如下:var myVar = "3.14159",str
1.先從DataTable官網下載所需的js檔案,或者直接引用也可--http://datatables.net/usage/ 2.放入你的項目中引用[html] <%@ Page Title="首頁" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
前文說過,組合繼承是javascript最常用的繼承模式,不過,它也有自己的不足:組合繼承無論在什麼情況下,都會調用兩次父類建構函式,一次是在建立子類原型的時候,另一次是在子類建構函式內部.子類最終會包含父類對象的全部執行個體屬性,但我們不得不在調用子類建構函式時重寫這些屬性.請再看一次組合繼承的例子: 複製代碼function SuperType(name){ this.name=name;
注意:function(i){}可以帶 i ,表示index。以及JavaScript對象 複製代碼 代碼如下: var startObj = {}; //申明js對象 $("#tabT").find("tr").each(function(i){ var uuid = ''; $(this).find("input[type='hidden']").each(function(j){ if(j==0){ uuid = $(this).val(); } startObj[uuid+'_'+j]
今天又遇到一個網頁資料抓取的任務,給大家分享下。說道網頁資訊抓取,相信Jsoup基本是首選的工具,完全的類JQuery操作,讓人感覺很舒服。但是,今天我們就要說一說Jsoup的不足。1、首先我們建立一個頁面 --><script type=text/javascript>var datas = [ {href : http://news.qq.com/a/20140416/017800.htm,title : 高校一保安長相酷似作家莫言}, {href :
不知道在哪裡看到了這篇關於jQuery編碼的文章,挺實用的,恰好最近在研究jQuery的基礎知識,今天開啟收藏夾來翻譯一下,原文的英語不難,但是內容很實用,可能有大神已經翻譯過了,大家看精華就行了。 載入jQuery 1. 盡量在頁面上使用CDN來載入jQuery。 CDN Benefits,一些流行的CDN地址 <script type="text/javascript" <br>src="//ajax.
項目開發過程中,PM說系統只要在一個特定的瀏覽器中運行就好,但是在其他的瀏覽器中不能出現邏輯的錯誤,所以在開發過程中,前端和後台選擇是Chrome瀏覽器,沒有仔細測試Firefox和IE。但是昨天PM反映了一個bug,是瀏覽器安全色性bug,在Chrome瀏覽器下工作正常,但是在IE瀏覽器不報錯,但是邏輯是不對的。剔除複雜的商務邏輯,代碼精簡如下: 複製代碼<html> <head>
ie6下img圖片或背景圖片為png時,圖片變成了一片黑色:圖中的jquery-timeepicker的兩個黑方塊和img就是由此原因引用的。解決方案:由Drew Diller提供,對img、background-image、background-position均支援。<!--[ IE 6]><script type='text/javascript'
1. 事件 在瀏覽器用戶端應用平台,基本生都是以事件驅動的,即某個事件發生,然後做出相應的動作。 瀏覽器的事件表示的是某些事情發生的訊號。事件的闡述不是本文的重點,尚未瞭解的朋友,可以訪問W3school教程 進行瞭解,這將有助於更好地理解以下的內容 。2.冒泡機制
前幾天公司郵件討論了一個問題——猜下面這段代碼的結果:var tt = "aa"function test(){ alert(tt); var tt = "dd";
1、最簡單的調用方式 直接寫到html的body標籤裡面,如: 2、在JS語句調用 <script type="text/javascript"> function func(){……} window.onload=func; </script>3、同時 調用多個函數 直接寫到html的body標籤裡面,如:
複製代碼 代碼如下: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta
有時候我們有這樣的需求:當使用者在表單裡資料完資料後,之間按enter鍵就可以執行查詢或者儲存的操作。實現的思路如下。 讓你的form表單或需要響應enter鍵的地區處於div之間。形如: 複製代碼 代碼如下: <div class="top_inputbox"> 單位名稱:<input class="inp" type="text" name="qureyBean.com_name" value="${qureyBean.com_name}" /> <a