ديناميكية CSS، تكنولوجيا تغيير الجلد

من الأمثلة الشائعة: هناك أنماط متعددة للصفحات على الموقع يمكن للمشاهدين الاختيار من بينها.

وفي الوقت نفسه، بعد تحديد نمط معين، سيتم الحفاظ على النمط عند فتح الصفحة مرة أخرى.

وبطبيعة الحال، تتبادر إلى ذهني تقنية ملفات تعريف الارتباط

وفيما يلي رمز البرنامج:

<أتش تي أم أل>

<الرأس>

<معرف الارتباط=الجلد rel=نوع ورقة الأنماط=نص/css>

<TITLE>تقنية تجديد سطح الجلد</TITLE>

<لغة البرنامج النصي=جافا سكريبت>

<!--

الدالة SetCookie(name,value){

var argv=SetCookie.arguments;

var argc=SetCookie.arguments.length;

فار تنتهي=(2<argc)?argv[2]:null;

var path=(3<argc)?argv[3]:null;

فار المجال=(4<argc)?argv[4]:null;

var Secure=(5<argc)?argv[5]:false;

document.cookie=name+=+escape(value)+((expires==null)?:(; تنتهي=+expires.toGMTString()))+((path==null)?:(; path=+path) )+((domain==null)?:(; domain=+domain))+((secure==true)?; Secure:);

}

الدالة GetCookie(الاسم) {

فار البحث = الاسم + =؛

قيمة الإرجاع فار = ;

إذا (document.cookie.length > 0) {

إزاحة = document.cookie.indexOf(search);

إذا (إزاحة! = -1) {

إزاحة += طول البحث؛

end = document.cookie.indexOf(;, offset);

إذا (النهاية == -1)

end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset,end));

}

}

إرجاع قيمة الإرجاع؛

}

فار هذا الجلد؛

thisskin=GetCookie(nowskin);

إذا (هذا الجلد! =)

Skin.href=thisskin;

آخر

Skin.href=css.css;

تغيير الدالة (url) {

إذا (رابط!=){

Skin.href=url;

فار expdate=new Date();

expdate.setTime(expdate.getTime()+(24*60*60*1000*30));

//expdate=null;

// ما يلي يضبط وقت ملفات تعريف الارتباط على سنة واحدة. يمكنك ضبط الوقت حسب الرغبة.

SetCookie(nowskin,url,expdate,/,null,false);

}

}

//-->

</النص>

</الرأس>

<الجسم>

<P>يرجى تحديد القائمة المنسدلة أدناه لاختبار تأثير تجديد سطح الجلد</P>

<a href=# onclick=changecss('css.css')>css.css</a>

<a href=# onclick=changecss('css1.css')>css1.css</a>

<a href=# onclick=changecss('css2.css')>css2.css</a>

<a href=# onclick=changecss('css3.css')>css3.css</a>

<ر>

<حدد onchange=changecss(this.value)>

<option>حدد ملف ورقة الأنماط</option>

<لغة البرنامج النصي=جافا سكريبت>

var csss=new Array();

csss[0]=css.css;

csss[1]=css1.css;

csss[2]=css2.css;

csss[3]=css3.css;

فار ط؛

ل(i=0;i<4;i++)

إذا (هذا الجلد ==csss[i])

document.write(<option value=/+csss[i]+/ Selected>+csss[i]+ملف ورقة النمط</option>);

آخر

document.write(<option value=/+csss[i]+/>+csss[i]+ملف ورقة النمط</option>);

</script>

</حدد>

</الجسم>

</HTML>