Time of Update: 2015-10-22
JS實現仿Windows經典風格的選項卡Tab切換代碼,jstab本文執行個體講述了JS實現仿Windows經典風格的選項卡Tab切換代碼。分享給大家供大家參考,具體如下:這款仿Windows風格的選項卡,帶有灰色的立體感,樣本內容是用JS控制輸出,只是為了示範功能,你在用的時候完全可以去掉的。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-windows-style-tab-demo/具體代碼如下:<!DOCTYPE html
Time of Update: 2015-10-22
JS實現帶有3D立體感的銀灰色豎排摺疊菜單代碼,立體感銀灰色本文執行個體講述了JS實現帶有3D立體感的銀灰色豎排摺疊菜單代碼。分享給大家供大家參考,具體如下:這是一款超酷的可以用到網頁左側的銀灰色豎排多級摺疊菜單,可以自己為菜單加一個背景,CSS中預留有代碼,這是比較標準和經典的一款後台管理員模式的菜單,Div+Css結構,符合標準,修改方便,挺不錯。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-3d-left-yhs-menu-demo/具體代
Time of Update: 2015-10-22
深入解析JavaScript的閉包機制,解析javascript機制JavaScript 變數可以是局部變數或全域變數。私人變數可以用到閉包。全域變數函數可以訪問是有函數內部定義的變數,如:執行個體function myFunction() { var a = 4; return a * a;}函數也可以訪問函數外部定義的變數,如:執行個體var a = 4;function myFunction() { return a * a;}後面一個執行個體中, a 是一個 全域
Time of Update: 2015-10-21
在JavaScript中如何解決用execCommand(,javascriptexec本解決方案僅適應asp.net mvc 開發環境,其他環境僅供參考。問題描述:在開發中遇到這樣的需求,儲存頁面,通常使用JavaScript的saveAs進行儲存,各瀏覽器對saveAs支援,見下表。代碼一:初始儲存的代碼,只有IE6,7,8支援。 function CmdSave() { var OW = window.open('', "_blank", ""); var DD = new Date(
Time of Update: 2015-10-21
jQuery實現ctrl+enter(斷行符號)提交表單,jqueryenter以jQuery外掛程式開發的方法開發。具體代碼如下:jQuery.fn.extend({ /** * ctrl+enter提交表單 * @param {Function} fn 操作後執行的函數 * @param {Object} thisObj 指標範圍 */ ctrlSubmit:function(fn,thisObj){ var obj = thisObj || this;
Time of Update: 2015-10-21
jquery如何擷取元素的捲軸高度等實現代碼,jquery捲軸主要功能:擷取瀏覽器顯示地區(可視地區)的高度 : $(window).height(); 擷取瀏覽器顯示地區(可視地區)的寬度 :$(window).width(); 擷取頁面的文檔高度 $(document).height(); 擷取頁面的文檔寬度 :$(document).width(); 瀏覽器當前視窗文檔body的高度: $(document.body).height();瀏覽器當前視窗文檔body的寬度:
Time of Update: 2015-10-20
jquery---5可見選取器 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script>
Time of Update: 2015-10-19
讓IE6 IE7 IE8 IE9 IE10 IE11支援Bootstrap的解決方案,ie8ie9Bootstrap相容IE系列的方法,其實最簡單就是從bootstrap
Time of Update: 2015-10-21
JS+CSS實現分類動態選擇及移動功能效果代碼,jscss本文執行個體講述了JS+CSS實現分類動態選擇及移動功能效果代碼。分享給大家供大家參考,具體如下:這是一個類似選項卡功能的選擇外掛程式,與普通的TAb區別是加入了動畫效果,多用於商品類網站,用作商品分類功能,不過其它網站也可以用,點擊運行一下你會知道它的奧妙,它用JavaScript類比出了Flash動畫的效果,很貼切。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-css-cha-type
Time of Update: 2015-10-19
CSS選擇符詳解之關係選擇符篇,css選擇符詳解原文:http://www.chinaz.com/web/2012/1017/278553.shtml 相信大家都對CSS選擇符都不陌生,選擇符包含:元素選擇符、關係選擇符、屬性選擇符、偽類選擇符、偽對象選擇符。在眾多的選擇符中,可以讓我們根據自己的需要更加靈活性的選擇合適的選擇符來對樣式進行編寫,達到最大的品質和效率。今天就為大家介紹下選擇符中的關係選擇符,“關係”這可是一等一的大事啊,我們得理清楚,這樣做事情才
Time of Update: 2015-10-19
基於AngularJS實現頁面滾動到底自動載入資料的功能,angularjs載入要實現這個功能,可以通過 https://github.com/sroze/ngInfiniteScroll 這個第三方控制項來實現。步驟如下:1. 下載ng-infinite-scroll.js程式 http://sroze.github.io/ngInfiniteScroll/ 目前版本是1.0.02.
Time of Update: 2015-10-19
純JavaScript代碼實現行動裝置繪圖解鎖,javascript解鎖移動手機裝置上有一個螢幕解鎖的應用相信大家都不陌生,在行動裝置上,使用者可以通過設定鎖定圖案作為密碼對裝置使用者介面進行鎖定,鎖定介面如所示。如下所示JavaScript Code<script> $("#gesturepwd").GesturePasswd({ backgroundColor:"#2980B9", //背景色 color:"#FFFFFF", //主要的控制項顏色 roundRadii:50
Time of Update: 2015-10-19
jQuery實現商品活動倒計時,jquery商品倒計時倒計時一般是用來表示未來某一時刻距現在時刻還剩多少時間。倒計時在WEB上應用非常廣泛,如考試系統倒計時,團購網站中的優惠活動倒計時等等。今天,我們來使用jQuery實現一個簡單的倒計時功能。本文以團購網站的倒計時為背景,我們知道,網站會給每個優惠活動(商品)定一個結束時間,也就是到期時間,但系統時間到達了結束時間,就意味著活動結束。因此,我們在HTML中就要定義活動的結束時間。HTML<ul class="prolist">
Time of Update: 2015-10-19
angularJS與bootstrap結合實現動態載入彈出提示內容,angularjsbootstrapangularjs是由Google團隊開發的一款非常優秀web前端架構。在當前如此多的web架構下,angularjs能脫穎而出,從架構設計上就高人一等,雙向資料繫結,依賴注入,指令,MVC,模板。Angular.js創新地把後台技術融入前端開發,掃去jQuery一度的光芒。用angularjs就像寫後台代碼,更規範,更結構化,更可控。1.bootstrp的彈出提示 bootstrap已經幫
Time of Update: 2015-10-19
JS實現可自訂大小,可雙擊關閉的彈出層效果,js自訂本文執行個體講述了JS實現可自訂大小,可雙擊關閉的彈出層效果。分享給大家供大家參考。具體如下:這是一款JS彈出層,可自訂大小,雙擊關閉層,可以彈出500,300、500,500大小的視窗,視窗彈出後,在快顯視窗內雙擊即可關閉滑鼠。我覺得挺不錯的效果,可以學習到不少的JS知識。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-define-close-able-alert-dlg-demo/具體代碼如
Time of Update: 2015-10-18
JS+CSS實現另類帶提示效果的豎嚮導航菜單,豎嚮導航菜單本文執行個體講述了JS+CSS實現另類帶提示效果的豎嚮導航菜單。分享給大家供大家參考。具體如下:這是一款JS+CSS打造另類帶提示的豎嚮導航菜單,覺得挺不錯,只是美工水平有限,有興趣的朋友就請繼續完善吧。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-css-alert-txt-nav-menu-demo/具體代碼如下:<html><head><title>
Time of Update: 2015-10-16
translate置中,css3translate置中<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title><style type="text/css"> html,body,div {margin: 0;padding: 0}/*
Time of Update: 2015-10-16
2015年10月15日學習html基礎筆記,2015年10月15日html一個互連網公司的分工,小公司要求全能,拿一個項目全部做出來。大公司分工明細,主要步奏為策劃人員策劃方案,美工人員設計圖有.psd.rp等,前端人員做靜態頁面,後台人員擷取資料java php
Time of Update: 2015-10-16
JavaScript中list的簡單使用(菜單)很簡單的一個使用:點擊菜單,能夠顯示下面的或者不顯示1,主要目的:: 展現的是的一個功能表項目,然後點擊一下,隱藏,點一下,彈出下面的內容用到的是 overflow:hidden 和 overflow=visible這兩個屬性
Time of Update: 2015-10-16
CSS3學習筆記(5)—頁面遮罩效果,css3學習筆記今天把頁面遮罩的效果發一下,之前遮罩都是用JS實現的,忽然發現CSS3裡面的box-shadow屬性除了做立體陰影外,還可以做頁面的遮罩~~~~下面來看一下完成的動態效果:從可以看出,就是當滑鼠懸浮在按鈕上時,會出現整個頁面的遮罩,當然調一下透明度就是網頁中經常看到的當滑鼠懸浮在一張圖片上時,周圍的其他圖片都被遮罩了,這樣就達到了突出這張圖片的效果,其實這個效果做出來很簡單~~~~~ 一、主體程式:<!DOCTYP