cookies_javascript スキルを使用した記憶に残るスタイル切り替えエフェクトコードのダウンロード-jsチュートリアル-php.cn

cookies_javascript スキルを使用した記憶に残るスタイル切り替えエフェクトコードのダウンロード

WBOY

リリース： 2016-05-16 19:07:06

オリジナル

958 人が閲覧しました

Cookie を更新せずにスタイルを切り替えるサンプルコード例で使用されている主なコード

コードをコピーコードは次のとおりです。 >

styleswitcher スクリプトホーム-www.jb51.net

<スタイル>
!--
#wrapper { font-size: 10px;width:100px; }
#right { width: 80px;float:right;background-color:#000000;;height:100px;color:#FFFFFF }
-->

;

red ="setActiveStyleSheet(' blue');return false;" href="#"
="赤"> ;赤

left

right

>
styleswitcher .js

コードをコピー

コードは次のとおりです:

// styleswitcher.js 

function setActiveStyleSheet(title) 
{ 
 var i, a, main; 

 for(i = 0; (a = document.getElementsByTagName("link")[i]); i ) 
 { 
 if (a.getAttribute("rel").indexOf( "style") != -1 && 
 a.getAttribute("title")) 
 { 
 a.disabled = true; 

 if (a.getAttribute("title") == title) 
 a.disabled = false; 
 } 
 } 
} 

function getActiveStyleSheet() 
{ 
 var i, a; 

 for(i = 0; (a = document.getElementsByTagName("link")[i]); i ) 
 { 
 if(a.getAttribute("rel").indexOf( "style") != -1 && 
 a.getAttribute("title") && ! a.disabled) 
 return a.getAttribute("title"); 
 } 

 null を返します。 
} 

function getPreferredStyleSheet() 
{ 
 var i, a; 

 for (i = 0; (a = document.getElementsByTagName("link")[i]); i ) 
 { 
 if(a.getAttribute("rel").indexOf( "style") != -1 && 
 a.getAttribute("rel").indexOf("alt") == -1 && 
 a.getAttribute("title")) 
 Return a。 getAttribute("タイトル"); 
 } 

 null を返します。 
} 

function createCookie(name, value, days) 
{ 
 if (days) 
 { 
 var date = new Date(); 
 date.setTime(date.getTime() (日 * 24 * 60 * 60 * 1000)); 
 var expires = "; expires=" date.toGMTString(); 
 } 

 else expires = ""; 
 document.cookie = name "=" 値 有効期限 "; path=/"; 
} 

function readCookie(name) 
{ 
 var nameEQ = name "=; 
 var ca = document.cookie.split(';'); 

 for (var i = 0; i < ca.length; i ) 
 { 
 var c = ca[i]; 

 while (c.charAt(0) == ' ') 
 c = c.substring(1, c.length); 

 if (c.indexOf(nameEQ) == 0) 
 return c.substring(nameEQ.length, c.length); 
 } 

 null を返します。 
} 

window.onload = function(e) 
{ 
 var cookie = readCookie("style"); 
 var title = cookie ? cookie : getPreferredStyleSheet(); 

 setActiveStyleSheet(title); 
} 

window.onunload = function(e) 
{ 
 var title = getActiveStyleSheet(); 

 createCookie("style", title, 365); 
}

var cookie = readCookie("style"); 
var title = cookie : getPreferredStyleSheet(); 