JS偽3D 圖形透視效果

本來是想實現多個圓片的透視效果,對於運算都是測試得出的。不是嚴謹的數學計算。使用簡單的div布局,css設定的一些形式有舞台深度stageDeep,圓片深度距離zDistance,和修正角度p可以設定調節映像的整體顯示效果。圖形隨滑鼠運動而運動。Google Chrom下表現最好。不支援FF 下面代碼:  <!DOCTYPE html> <html> <head> <meta charset="utf-8"

MyBatis調用預存程序,含有返回結果集、return參數和output參數 .

預存程序:use base_passportgo create proc yhj_test    @input_a int,    @input_b int,    @output_c int outasbegin    select * from config.city;    set @output_c =

jquery ui dialog實現彈窗特效

   今天我們用jquery ui dialog來做一個彈窗特效。我們先看下效果:  我們可以看到,點擊的時候,彈窗出現,而且這個彈窗是置中的,還是可以拖動的。。。實現這一切,只要以下代碼:  我們可以看到,我對pop這個div,實現的方式是讓它不要autoopen,點擊的時候,我只要一句dialog,open就搞定了,藉助於jquery ui,我們做彈窗就是這麼簡單。。。當然了,大家可以看到,我還有一個插入資料的功能,這個功能,我採用了jquery

文字溢出實現溢出的部分再放入一個新產生的div

 <!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> <meta http-equiv=

javascript實現原生ajax的幾種方法介紹

自從javascript有了各種架構之後,比如jquery,使用ajax已經變的相當簡單了。但有時候為了追求簡潔,可能項目中不需要載入jquery這種龐大的js外掛程式。但又要使用到ajax這種功能該如何辦呢?下面和大家分享幾種利用javascript實現原生ajax的方法。 實現ajax之前必須要建立一個 XMLHttpRequest 對象。如果不支援建立該對象的瀏覽器,則需要建立 ActiveXObject,具體方法如下: 複製代碼 代碼如下: var xmlHttp; function

html+js實現動態顯示本地時間

複製代碼 代碼如下: <span style="font-size:18px"><html> <span style="white-space:pre"> </span><body> <span style="white-space:pre"> </span> <script language = javascript> <span style="white-space:pre">

javascript 得到檔案尾碼名的思路及實現

對於一個帶絕對路徑的檔案名稱如:D:\Program Files\Notepad++\Notepad++.exe首先為了避免轉義反斜線出問題,可以用Regex來將\或\\替換成#,如:D:#Program Files#Notepad++#Notepad++.exe之後以‘#'為分隔字元,將字串分解成數組,得到如下數組:D:  ProgramFiles  Notepad++ 

動態擷取複選框checkbox選中個數的jquery代碼

今天碰到“jquery動態擷取複選框checkbox選中的個數”,首先看下面例子: 複製代碼 代碼如下: <input type="checkbox" checked="checked">python<br> <input type="checkbox" checked="checked">java<br> <input type="checkbox" >jquery<br> <input

基於dom編程中 動態建立與刪除元素的使用

複製代碼 代碼如下:<html><head><script type="text/javascript">    function test(){                //createElement() 

如何用js控制frame的隱藏或顯示的解決辦法

index.htm複製代碼 代碼如下:<html><head><meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId"

用JS提交參數建立form表單在FireFox中遇到的問題

在一個前端頁面上,需要通過JavaScript來提交參數,使用JS建立form表單,將參數append到表單中進行提交,代碼如下: Js代碼: 複製代碼 代碼如下: functionloadConfig(gameUrl,skinId){ vartemp=document.createElement("form"); temp.action="${createLink(controller:'mobileConfig',action:'beforeLaunchConfig')}";

js操作textarea 常用方法總結

在DOM裡面操作textarea裡面的字元,是比較麻煩的。 於是我有這個封裝分享給大家,測試過IE6,8, firefox ,chrome, opera , safari。相容沒問題。 注意:在firefox下 添加字串的時候有個bug 就是scrollTop 會等於0,當然解決了,但是不夠完美。如果有高手也研究過,麻煩指點下。 複製代碼 代碼如下: var TT = { /* * 擷取游標位置 * @Method getCursorPosition * @param t element * @

利用JQuery和JS實現奇偶行背景顏色自訂效果

JQuery實現: 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;

javascript動畫對象支援加速、減速、緩入、緩出的實現代碼

調用介面: 複製代碼 代碼如下: /** * @param elem {HTMLElement} 執行動畫的HTML元素 * @param params {JSON} 動畫執行過過程中需要修改的HTML 屬性 * @param duration {Number} 可選,動畫執行時間,單位毫秒 * @param easing {String} 可選,動畫執行的方式,緩入easeIn、緩出easeOut * @param callback {Function} 可選,動畫執行完成時的回呼函數 * @

javascript設計模式 介面介紹

這本書中第一個重要的內容就是介面。大家對介面應該都不陌生,簡單的說介面就是一個契約或者規範。在強型別的面相對象語言中,介面可以很容易的實現。但是在javascript中並沒有原生的建立或者實現介面的方式,或者判定一個類型是否實現了某個介面,我們只能利用js的靈活性的特點,類比介面。 在javascript中實現介面有三種方式:注釋描述、屬性驗證、鴨子模型。 note:因為我看的是英文書,翻譯水平有限,不知道有些詞彙如何翻譯,大家只能領會精神了。 1. 注釋描述 (Describing

javascript針對DOM的應用分析(五)

其實這個應該不列入JS教程的範疇。應為FF,IE6以上瀏覽器都支援fixed這個固定屬性。唯獨IE6不支援。所以我為了可惡的IE6。我這裡就出一篇教程吧。而且這種效果也可以鍛煉同學們的計算能力。以後很多效果都需要你的計算能力。哈哈 固定置中。或者固定在任何地方思想幾乎是一樣的。只你要演算法清楚了。效果寫起來就輕而易舉了。先貼代碼 固定置中 我就在中間隨便你們怎麼改變視窗大小和高度 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] var isIE=

javascript 迴圈語句 while、do-while、for-in、for用法區別

前兩個唯一的差別就是迴圈和判斷的順序不同,do-while比while多迴圈一次,我就不舉例了。 for迴圈相信大家也熟的不能再熟了,我們就看for-in這一句。 這個其實是針對數組的,js中數組的初始化也挺奇特的比如我們在script結點裡寫:(另外注意下數組的初始化,用的是中括弧) [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] for in執行個體二 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] javascrpt for

js編碼之encodeURIComponent使用介紹(asp,php)

因為要新作系統,因此對於JS指令碼又重新研究了一下。在對新的URL編碼的時候發現,網頁編碼的格式對於JS的影響很大,在這裡書寫一點。 {var B=siteUrl+this.actionUrl+(this.type==="all"?"":this.type)+"&SearchWord="+encodeURIComponent(A).replace(/'/g,"%27");$redirect(B)}} 在製作的時候,發現傳出去的資料包的編碼全部是UTF-8格式的,而在改正網頁編碼後也同樣沒有反映,

通過jquery還原含有rowspan、colspan的table的實現方法

需求   把含有rowspan、colspan的table還原。   例如原table為:   還原後的table為:代碼原理   對table進行遍曆,如果td的rowspan屬性值大於1,則給當前的td的父元素的兄弟元素添加td,如果td的colspan屬性值大於1,則在當前的td元素後添加td 複製代碼 代碼如下: //本文首發部落格園:http://artwl.cnblogs.com(2012/02/08)jQuery.fn.RevertTable=function(){ $("tr",

基於jQuery+HttpHandler實現圖片裁剪效果代碼(適用於論壇, SNS)

本文:為了使層次分明及便於閱讀,  整個解決方案如下:其中BitmapCutter.Core是圖片的伺服器端處理常式, 類圖為: 簡單說明下, 更多說明可查看源碼注釋 :Cutter為裁剪對象, 用於儲存用戶端通過AJAX提交的資料.Helper為圖片處理類, 包括圖片翻轉(RotateImage()), 圖片裁剪(GenerateBitmap()).Callback為伺服器端圖片處理類, 通過使用Cutter封裝用戶端AJAX提交的資料,

總頁數: 3271 1 .... 115 116 117 118 119 .... 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.