複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style
滑動解說文字 春天:春天是播種的季節。 夏天:夏天是火熱的季節。 秋天:秋天是豐收的季節。 冬天:冬天是雷人的季節。 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title>
不解釋,看代碼:複製代碼 代碼如下:;(function(){ //進行庫封裝,防止對象汙染 window['cm']={};/** *給對象註冊事件 */ var
表單問題,是個糾結的問題,我覺得這個是程式開發人員要去處理的東西,但是有時候程式又要前端去處理,那要看你的後台搭檔怎麼樣了?苦逼的前端哇,不過還是自己瞭解一點還是比較好,你搞我也可以搞,你不搞我還可以搞,哈哈 。如果對你有用歡迎留言,共同探討,共同進步,廢話不說,貼代碼(為了童鞋們方便,本代碼複製即可用,無需分塊拼湊): 複製代碼 代碼如下: <!doctype html> <html> <head>
大量採用高解析度的映像的確可以讓一個Web網站容光煥發。但同樣也會造成網站訪問速度下降——圖片是檔案,檔案就要佔用頻寬,而頻寬直接同訪問等待時間相關。現在,讓我們來學習一種名為映像預裝載(image preloading)的小技巧來提高映像訪問速度。
處理問題時候遇到的,就順便記錄下, 複製代碼 代碼如下: function OnOpenWin() { if (window.name != "OAopenWindow") { win = window.open("login.aspx", "OAopenWindow", "toolbar=no, menubar=no, scrollbars=no, resizable=yes,location=no,status=no,width=" + (screen.width - 5) +
預覽圖片的js代碼:複製代碼 代碼如下:<script type="text/javascript"> function setImagePreview(docObj,localImagId,imgObjPreview)
最近在Web項目開發過程中遇到的本地圖片預覽的需求,雖然最後因為其他原因沒能使用,但是也算有些瞭解,整理出來。這裡我們按瀏覽器分,主要包括IE6,IE7/8 和Firefox3, 不包含Opera,Safari和Chrome,這三個基本上需求很小,沒有研究。 總結一下就是: IE6下可以直接從file的value擷取圖片路徑來顯示預覽。 IE7和IE8下通過select擷取file的圖片路徑,再用濾鏡來顯示預覽。 FireFox下調用file的getAsDataURL方法擷取Data
步驟一 引入js檔案 複製代碼 代碼如下: <script language="javascript1.2" src="<s:url value="/js/jquery.js" includeParams="false"/>"></script> <script language="javascript1.2" src="<s:url value="/js/dictionary.js" includeParams="false"/>">
複製代碼 代碼如下:<script type="text/javascript" src="jquery.min.js"></script><!-- //再載入lazyload --> <script type="text/javascript" src="jquery.lazyload.js"></script> <script type="text/javascript"> jQuery(document).ready(
超連結提示效果: 複製代碼 代碼如下: <script type="text/javascript"> //<![CDATA[ $(function(){ var x = 10; var y = 20; $("a.tooltip").mouseover(function(e){ this.myTitle = this.title; this.title = ""; var tooltip = "<div id='tooltip'>"+ this.myTitle +"
1.用其他方式替代預設的SUBMIT複製代碼 代碼如下:$().ready(function() { $("#signupForm").validate({ submitHandler:function(form){
源碼下載bxCarousel參數說明: move:每次滾動移動圖片的數量,預設為4。 display_num:展示圖片的數量,預設為4。 speed:圖片捲動速度,預設為500毫秒。 margin:圖片間的間距,預設為0。 auto:是否自動滾動,預設為false。 auto_interval:當設為自動滾動時,每次滾動的時間間隔(毫秒),預設為2000毫秒即2秒。 auto_dir:自動滾動的方向,預設為next,你可以試下prev。
上次用原生的JavaScript實現的圖片等比例縮放,max-width和max-height在ie6中不相容問題,今天用jQuery實現了這些問題 jQuery部分代碼 複製代碼 代碼如下: <script type="text/javascript"> $(document).ready(function(){ var maxWidth=$(".imgBox").width(); $("img").each(function(){
1、只是不能輸入空格複製代碼 代碼如下:<input type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">2、不能輸入空格及英文狀態下的逗號複製代碼 代碼如下: <input type="text" onkeyup="this.value=this.value.replace(/[, ]/g,'')">3、複製代碼 代碼如下:<script
對於html中的一些元素註冊事件的方式有多種 第一種: 複製代碼 代碼如下: <script> function test() { alert("OK"); } </script> <a href="#" onclick="test()">測試</a> 第二種: 複製代碼 代碼如下: <a href="#" id="a">測試</a> <script> function test() { alert("OK")
今天處理了一個日期選取器的ie和ff的相容問題,本來這種情況就很難找錯誤,找了好久才把錯誤定位到js中建立元素的方法document.createElement(),這個方法在ie下支援這樣建立元素複製代碼 代碼如下:var inputObj = document.createElement ("<input type='text' size='8'
本樣本使用Jquery的ColorBox外掛程式彈出圖片組瀏覽層。效果預覽網址:http://www.keleyi.com/keleyi/phtml/colorbox/ 以下是本效果的完整代碼,將以下代碼儲存到html檔案,開啟即可預覽效果。 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
複製代碼 代碼如下:<BR>/****************滾動式載入圖片函數****************/ function scrollLoading(){ var st = $(window).scrollTop(), sth = st + $(window).height();