Time of Update: 2016-06-30
android上line-height的問題,androidline-height關於line-height大家應該非常熟悉了吧,就是用來做垂直置中的,屢試不爽,基本上沒有什麼問題,但是最近一個項目,測試提了一個bug,看圖吧。從別處竊的圖,這個問題只有安卓上才能複現,做了demo,發現應該是font-size的問題,你們可以自己試試,font-size為13px或者奇數時,line-height會有一定的偏差,在safari上沒有問題,至於原因,現在還沒找到,等找到了再來補充吧。解決辦法&nb
Time of Update: 2016-06-29
html.css溢出,css溢出省略符號<!DOCTYPE html><!DOCTYPE html><html><head><title></title><meta charset="utf-8"><style type="text/css">div{height: 110px;width: 250px;border: 1px solid red;}.a{overflow:
Time of Update: 2016-06-29
html中,檔案上傳時使用的<input type="file">的樣式自訂,Web頁面中,在需要上傳檔案時基本都會用到<input type="file">元素,它的預設樣式:chrome下: IE下: 不管是上面哪種,樣式都比較簡單,和很多網頁的風格都不太協調。根據使用者的需求,設計風格,改變其顯示樣式的場合就比較多了。如果,要像下面一樣做一個bootstrap風格的上傳按鈕該如何?。 搭建上傳按鈕所需的基本元素
Time of Update: 2016-06-27
Web前端開發面試題賦答案,web前端試題賦第一部分:用CSS實現布局讓我們一起來做一個頁面首先,我們需要一個布局。請使用CSS控制3個div,實現如的布局。 第二部分:用javascript最佳化布局由於我們的使用者群喜歡放大看頁面於是我們給上一題的布局做一次最佳化。當滑鼠略過某個區塊的時候,該區塊會放大25%,並且其他的區塊仍然固定不動。 提示:也許,我們其他的布局也會用到這個放大的效果哦。可以使用任何開原始碼,包括曾經你自己寫的。關鍵字:javascript、封裝、複用
Time of Update: 2016-06-24
基於Turn.js 實現翻書效果執行個體解析,turn.js翻書最近專案經理我個項目練練手,其項目需求是要實現翻書效果,看到這個需求後,我真是懵了,這咋整,我可是java出身的啊,這個問題真是難住我了,後來有同事的指導,之前他曾經做過PC版的翻書效果,當時使用的是Turn.js ,查過其相關API後,整個人突然豁然開朗呀,使用Turn.js 完全可以解決當前我接手這個項目的所有需求呀。下面小編把我的學習心得分享給大家,大家可以參考下Turn.js的官方網址: http://www.turnjs.
Time of Update: 2016-06-24
Bootstrap中的表單驗證外掛程式bootstrapValidator使用方法整理(推薦),validator表單驗證本文給大家介紹如何判斷表單驗證的執行個體代碼,在沒給大家介紹本文之前,先給大家介紹下外掛程式。外掛程式介紹先上一個圖::https://github.com/nghuuphuoc/bootstrapvalidator使用提示中文化:下載外掛程式後,將\js\bootstrapValidator\language\zh_CN.js
Time of Update: 2016-06-24
JS實現的跨瀏覽器解析XML檔案執行個體,jsxml本文執行個體講述了JS實現的跨瀏覽器解析XML檔案的方法。分享給大家供大家參考,具體如下:下列代碼把一個 XML 文檔 ("note.xml") 載入 XML 解析器中:<script type="text/javascript">function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari
Time of Update: 2016-06-24
jQuery UI結合Ajax建立可定製的Web介面,jqueryajax如今,網站比以往更具可定製性,允許使用者更改其空間,根據自己的喜好對其進行個人化。個人化的首頁或儀表板頁面(例如 iGoogle、MyYahoo! 和 MyAOL)日漸普及,大多數 Web 應用程式內甚至也整合了類似的功能。jQuery 庫簡化了此類複雜 JavaScript 互動的編寫,隨著 jQuery UI 的引入,這項功能得到了進一步的簡化,該庫以易於訪問的 jQuery
Time of Update: 2016-06-17
淺談jquery點擊label觸發2次的問題,jquerylabel今天寫問卷的時候遇到個label點擊的時候,監聽的click事件被執行兩次;產生這個的原因麼。。。事件冒泡<div class="questionBox checkBox"> <div class="title"> 2.你如何理解創新意識的重要性?</div> <div class="checkBoxList" data-more="2"> &
Time of Update: 2016-06-12
星期幾的不同指令碼寫法(推薦),星期幾寫法在前端領域裡,很多時候,一個簡單的功能可以有很多種不同的實現方式,今天就拿星期幾的不同指令碼實現方法作為例子,希望能激發童鞋們更多的想法。1、使用 if 語句:var str = "";var week = new Date().getDay();if (week == 0) { str = "今天是星期日";} else if (week == 1) { str = "今天是星期一";} else if (week == 2) {
Time of Update: 2016-06-12
jQuery 選擇同時包含兩個class的元素的實現方法,jqueryclass jQuery 選擇同時包含兩個class的元素的實現方法<element class="a b">1. 交集選擇: $(".a.b")--選擇同時包含a和b的元素。2. 並集選擇:$(".a, .b")--選擇包含a或者包含b的元素。以上這篇jQuery 選擇同時包含兩個class的元素的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援幫客之家。
Time of Update: 2016-06-12
Bootstrap開發實戰之響應式輪播圖,bootstrap開發實戰本文主要內容是在導航條的下方做一張輪播圖,自動播放最新的重要動態,供大家參考,具體內容如下一、響應式輪播圖//響應式輪播圖<div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0"
Time of Update: 2016-06-12
jQuery Ajax頁面局部載入方法匯總,jqueryajax在jquery中實現ajax載入的方法有很多種,不像以前的js的ajax只有那一種,下面我們介紹jquery ajax實現局部載入方法總結,有需要瞭解的朋友可參考。例$.ajax({url: "hotelQuery!queryHotelByCity.action",type: "post",dataType: "html",data:
Time of Update: 2016-06-01
CSS Sprite 雪碧圖製作,csssprite雪碧圖CSS Sprite 雪碧圖,簡單來說就是:為了提高網頁的效能,減少載入次數,將一些不會經常隨網站內容變化的小表徵圖,集中放在一張大圖上,將該圖應作為background-image 嵌入頁面中,在需要相關表徵圖時,根據background-position設定座標值,達到目的。 一個例子,可以複製然後看一下效果: HTML代碼:<!DOCTYPE html><html
Time of Update: 2016-05-26
自訂上傳按鈕 <input type="file" name = "file"/> (將file隱藏在button下),inputbutton<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>定義input type="file"
Time of Update: 2016-05-26
table表格中的內容溢出布局方式,table表格溢出布局什麼是內容溢出呢?其實就是當文字很多的時候,如果內容地區只有那麼長,那麼多出的部分以點點點代替。這次做的案例是在table裡面,我們知道當我們在table裡輸入過多的文字內容的時候會撐亂表格,例如一行顯示過長或者自動換行。可是有的時候我們就想在固定寬度的一行中顯示,如果多出的部分那就用點點點代替,這樣就不會撐亂表格了。那麼該如何做呢?一般來說我們會用到如下屬性/*溢出部分樣式*/.txt-ell {
Time of Update: 2016-05-21
jQuery實現圖片向左向右轉場效果的簡單一實例,jquery向左向右jQuery實現圖片向左向右轉場效果的簡單一實例<div class="imageRotation container"> <div class="imageBox"> <img src="images/chugui.jpg"> <img src="images/ad_auto.jpg"> <img
Time of Update: 2016-05-21
JavaScript中的數組遍曆forEach()與map()方法以及相容寫法介紹,javascriptforeach•原理:•進階瀏覽器支援forEach方法文法:forEach和map都支援2個參數:一個是回呼函數(item,index,list)和上下文;•forEach:用來遍曆數組中的每一項;這個方法執行是沒有傳回值的,對原來數組也沒有影響;•數組中有幾項,那麼傳遞進去的匿名回呼函數就需要執行幾次;•每一次執行匿名函數的時候,
Time of Update: 2016-05-21
深入理解MVC中的時間js格式化,mvcjs記錄下我遇到的一個,MVC中post請求返回一個JSON字串,其中包含資料庫中的時間格式(如:/Date(10000000000)/),不知道怎麼處理。百度的方法都不適用,經自己研究,做成了一個Jquery外掛程式,希望對大家有所協助。外掛程式原始碼:(function ($) {/格式化JSON返回的日期類型為自己定義的格式:如:yyyy-MM-dd hh:mm:ssdtstr:JSON返回的日期"/Date(10000000000)/"* fmt:
Time of Update: 2016-05-21
淺析jquery數組刪除指定元素的方法:grep(),jquerygrep遇到的問題今天遇到一個問題,刪除數組中的一個指定元素,並返回新的數組。我定義的js數組是這樣的:var sexList=new Array[3];sexList[0]="1";sexList[1]="2";sexList[2]="";想達到的效果我想達到的效果是這樣的:刪除索引=1的元素,並返回新數組。返回的結果是:var sexList=new Array("1","");我們知道,原生的javascript有一個函數: