複製代碼 代碼如下: <!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="Content-Type"
(1)jquery 綁定事件 目前1.7以上,jquery的事件綁定已經用on替換了原來的bind; 區別:(個人理解)bind是一次綁定事件到每一個子節點;on是只綁定到父節點,然後冒泡到各個子節點; 用法:bind 一個事件,一個方法:$(".class input").bind('click',function(e){...;e.stopPropagation;}) 兩個事件,一個方法:$(".class input").bind('click mouseover',function(e)
JS部份 複製代碼 代碼如下: $(function(){ var $this = $(".renav"); var scrollTimer; $this.hover(function(){ clearInterval(scrollTimer); },function(){ scrollTimer = setInterval(function(){ scrollNews( $this ); }, 2000 ); }).trigger("mouseout"); }); function
<select>標籤的外觀問題很惱人,各個瀏覽器都不一致,單單就IE,一個版本就一個長相,還不能用CSS修飾。在這將本人對<select>的美化方法共用出來。優點: 仍保留使用<select>,僅改變外觀,不改變不干預Form行為,後期載入JS。(註:本指令碼依賴jQuery)啥也不說了,都在代碼裡。複製代碼 代碼如下: $(document).ready(function () { //
下面和大家分享一下具體的實現過程。HTML標籤結構:複製代碼 代碼如下:<ul class="animation_menu"> <li class="current"> <a
當頁面需要顯示的內容較多時,我們很多人採用分頁的方法解決。 而有的時候,分頁的效果卻又是非常令人厭惡的。捲軸無疑是一種簡單而又高效的一種方式。而這裡,處於對使用者體驗的考慮,我使用Jquery實現了一種類似“滾動停靠”的效果。這樣當我們向下滾動內容的時候,搜尋方塊會“懸掛(停靠)”在視窗頂端。 這樣做的好處是,當使用者需要重新篩選內容的時候,不必再次向上滾動,隨時可以輸入條件進行搜尋。 以下是我實現這個效果的思路:
1>jQuery外掛程式支援的轉換方式: 複製代碼 代碼如下: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以將json字串轉換成json對象 2>瀏覽器支援的轉換方式(Firefox,chrome,opera,safari,ie9,ie8)等瀏覽器: 複製代碼 代碼如下: JSON.parse(jsonstr); //可以將json字串轉換成json對象 JSON.stringify(jsonobj);
複製代碼 代碼如下: <table style="width: 100%; height: 100%" border="1"> <caption> Material/Special Tool Rental/Tool Cantainer/Transportation/Mobile</caption> <tbody><tr> <td> Project No </td> <td> <input
瀏覽網站時經常看到有的網站上,側欄裡的有些內容滾動到頁面頂端以後就固定在那個位置,不再跟隨捲軸而滾動。這種效果叫做“側欄跟隨滾動”。它對於那些不希望被滾動到頁面之外的內容是非常有用的。
複製代碼 代碼如下:// JScript 檔案 var inputID, inputName;function ExpandSubCategory(iCategoryID, FahterID) { var li_father = document.getElementById("li_" + iCategoryID); if (li_father.getElementsByTagName("li").length
複製代碼 代碼如下: var a=["apple","peach","banala"]; 上述是一個數組的另一種定義方式,它相當於 複製代碼 代碼如下: var a=new Array(); a.push("apple"); a.push("peach"); a.push("banala"); 複製代碼 代碼如下: var b={a:"apple",p:"peach",b:"banala"}; 上述是一個json對象
void是javascript中的一個操作符,文法如下: javascript:void(運算式) javascript:void 運算式 void會計算運算式的值,但是會丟棄運算式的傳回值。 這個運算式常常用來使連結變成一個死連結: 複製代碼 代碼如下: <a href = "javascript:void(0)" onclick = "func()">點我</a> 當點擊這個連結的時候,不會發生地址跳轉,而執行onclick函數。 下面的方式也能實現同樣的結果
37.5*5.5=206.08 (JS算出來是這樣的一個結果,我四捨五入取兩位小數) 我先懷疑是四捨五入的問題,就直接用JS算了一個結果為:206.08499999999998 怎麼會這樣,兩個只有一位小數的數字相乘,怎麼可能多出這麼小數點出來。 我Google了一下,發現原來這是JavaScript浮點運算的一個bug。 比如:7*0.8 JavaScript算出來就是:5.6000000000000005 網上找到了一些解決辦法,就是重新寫了一些浮點運算的函數或直接擴大倍數運算。
複製代碼 代碼如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestClassSelector.aspx.cs" Inherits="WebApplication1.TestClassSelector" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">
1顯示的頁面:複製代碼 代碼如下:<!DOCTYPE html>< html><head><title>js_pageusers.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta
什麼情況下才會出現跨域? 假設網域名稱是:http://www.example.com.cn/ 如果所請求的網域名稱跟這個網域名稱不致,這種情況就是跨域,由於跨域存在漏洞,所以一般來說正常的跨域請求方式是請求不到的。 解決方式: 一、window.name 1、 伺服器返回 複製代碼 代碼如下: <script>window.name='{"id":"3", "name":"leisure"}';</script> 2、定義一個iframe,添加onload事件 <
好了開始吧 重構這個其實也不是什麼大動作,主要要實現的功能嘛,就是把現有的JS代碼重新劃分一下,解耦現有模組。然後我打算把現有的程式劃分一下模組然後重新打包做一個命名空間實現use或者類似於java的Package的東西。那麼我只要載入一個use的js檔案調用這個檔案的use函數,通過設定某些參數,我可以動態地載入所需要的模組。這個是最完美的想法(那時我很傻很天真)。好的,噩夢開始了。
關於iframe非同步載入,我們常用的大都是左邊功能表列右邊是內容頁面,要求我們不能左邊菜單不能重新整理的情況下,非同步載入右邊的內容頁面。話不多說,做了一個執行個體大致是這樣的:1、首先在你的項目中建立三個檔案如:2、在Default頁面引入jquery檔案並在body中加入也下代碼:複製代碼 代碼如下:<div style="width: 20%; float: left"> <div id="butten" style="cursor: pointer;">
1.連結 複製代碼 代碼如下: <?php echo CHtml::link(Yii::t('cmp','Delete'),'javascript:',array('class'=>'c_06c','onclick'=>'return art_del_confirm("/company/msglog/delete/id/'.$data->zml_id.'","你確定要刪除這條訊息嗎?")'))?> 2.jq 複製代碼 代碼如下: <script> //
HTML代碼 複製代碼 代碼如下: <asp:RadioButtonList ID="rbtnCompany" runat="server" RepeatColumns="4" RepeatDirection="horizontal"> <asp:ListItem Value="1" Text="A"></</SPAN>asp:ListItem> <asp:ListItem Value="2"