你見過嗎?9款超炫的複選框(Checkbox)效果

  複選框(Checkbox)在各個瀏覽器中的效果不一致,因此很多 Web 開發人員會自己重新設計一套介面和使用體驗都更佳的複選框功能。下面就給大家分享9款超炫的複選框(Checkbox)效果,純 CSS3 實現,未使用任何圖片。  溫馨提示:   為了實現圓角和複選框的立體感效果,這裡運用了 CSS3 的圓角(border-radius)、盒陰影(box-shadow)、漸層(linear-gradient)以及 CSS3 動畫技術。下面是效果一的 CSS

jQuery過濾選取器:not()方法使用介紹

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 與 TextArea

當給一個js變數賦值一個有換行的值得時候,就會報錯: 複製代碼<!DOCTYPE HTML><html>    <head>        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>       

給html超連結設定事件不使用href來完成跳

有的時候,我們需要使用<a>這個超級連結,而又不使用href來完成跳轉,而是如:<a href="#" onClick="fun()"></a>這種方式。這樣,就不會讓頁面跳轉。但是同時也會帶來一些負面的問題,比如頁面的title變成了“#”,或者頁面出現了捲軸什麼的。這是因為在執行完了onClick事件後,<a>又去跳轉href所指向的地址了,而”#“是個錨點,預設是網頁的頁首,所以會帶來上邊所說的問題。 解決方案有以下兩種:

Node.js的學習--使用cheerio抓取網頁資料

打算要寫一個公開課網站,缺少資料,就決定去網易公開課去抓取一些資料。 前一陣子看過一段時間的Node.js,而且Node.js也比較適合做這個事情,就打算用Node.js去抓取資料。 關鍵是抓取到網頁之後如何擷取到想要的資料呢?然後就發現了cheerio,用來解析html非常方便,就像在瀏覽器中使用jquery一樣。 使用如下命令安裝cheerio      npm install

使用Jsoup解析html

在前面一些文章中介紹了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

JavaScript編程的10個實用小技巧

在這篇文章中,我將列出10個Javascript實用小技巧,主要面向Javascript新手和中級開發人員。希望每個讀者都能至少從中學到一個有用的技巧。1.變數轉換看起來很簡單,但據我所看到的,使用建構函式,像Array()或者Number()來進行變數轉換是常用的做法。始終使用未經處理資料類型(有時也稱為字面量)來轉換變數,這種沒有任何額外的影響的做法反而效率更高。複製代碼 代碼如下:var myVar   = "3.14159",str   

Juery DataTable載入後台資料

1.先從DataTable官網下載所需的js檔案,或者直接引用也可--http://datatables.net/usage/ 2.放入你的項目中引用[html]  <%@ Page Title="首頁" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"     

javascript中的繼承-寄生組合式繼承

 前文說過,組合繼承是javascript最常用的繼承模式,不過,它也有自己的不足:組合繼承無論在什麼情況下,都會調用兩次父類建構函式,一次是在建立子類原型的時候,另一次是在子類建構函式內部.子類最終會包含父類對象的全部執行個體屬性,但我們不得不在調用子類建構函式時重寫這些屬性.請再看一次組合繼承的例子: 複製代碼function SuperType(name){       this.name=name;     

JQuery each()嵌套使用小結

注意: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的不足之處

 今天又遇到一個網頁資料抓取的任務,給大家分享下。說道網頁資訊抓取,相信Jsoup基本是首選的工具,完全的類JQuery操作,讓人感覺很舒服。但是,今天我們就要說一說Jsoup的不足。1、首先我們建立一個頁面 --><script type=text/javascript>var datas = [ {href : http://news.qq.com/a/20140416/017800.htm,title : 高校一保安長相酷似作家莫言}, {href :

jQuery的編碼通訊協定和最佳實務

不知道在哪裡看到了這篇關於jQuery編碼的文章,挺實用的,恰好最近在研究jQuery的基礎知識,今天開啟收藏夾來翻譯一下,原文的英語不難,但是內容很實用,可能有大神已經翻譯過了,大家看精華就行了。 載入jQuery 1. 盡量在頁面上使用CDN來載入jQuery。 CDN Benefits,一些流行的CDN地址  <script type="text/javascript" <br>src="//ajax.

jQuery.unique引發一個血案

項目開發過程中,PM說系統只要在一個特定的瀏覽器中運行就好,但是在其他的瀏覽器中不能出現邏輯的錯誤,所以在開發過程中,前端和後台選擇是Chrome瀏覽器,沒有仔細測試Firefox和IE。但是昨天PM反映了一個bug,是瀏覽器安全色性bug,在Chrome瀏覽器下工作正常,但是在IE瀏覽器不報錯,但是邏輯是不對的。剔除複雜的商務邏輯,代碼精簡如下: 複製代碼<html>    <head>       

ie6裡png圖片不透明

ie6下img圖片或背景圖片為png時,圖片變成了一片黑色:圖中的jquery-timeepicker的兩個黑方塊和img就是由此原因引用的。解決方案:由Drew Diller提供,對img、background-image、background-position均支援。<!--[ IE 6]><script type='text/javascript'

解析Javascript事件冒泡機制

1. 事件         在瀏覽器用戶端應用平台,基本生都是以事件驅動的,即某個事件發生,然後做出相應的動作。         瀏覽器的事件表示的是某些事情發生的訊號。事件的闡述不是本文的重點,尚未瞭解的朋友,可以訪問W3school教程 進行瞭解,這將有助於更好地理解以下的內容 。2.冒泡機制           

javascript的函數內部變數的範圍

前幾天公司郵件討論了一個問題——猜下面這段代碼的結果:var tt = "aa"function test(){ alert(tt); var tt = "dd";

JS:window.onload的使用

1、最簡單的調用方式 直接寫到html的body標籤裡面,如: 2、在JS語句調用 <script type="text/javascript"> function func(){……} window.onload=func; </script>3、同時 調用多個函數 直接寫到html的body標籤裡面,如:

jquery easyui 結合jsp簡單展現table資料樣本

複製代碼 代碼如下: <%@ 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

jQuery響應enter鍵的實現思路

有時候我們有這樣的需求:當使用者在表單裡資料完資料後,之間按enter鍵就可以執行查詢或者儲存的操作。實現的思路如下。 讓你的form表單或需要響應enter鍵的地區處於div之間。形如: 複製代碼 代碼如下: <div class="top_inputbox"> 單位名稱:<input class="inp" type="text" name="qureyBean.com_name" value="${qureyBean.com_name}" /> <a

總頁數: 3271 1 .... 2778 2779 2780 2781 2782 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.