1.8  JavaScript支持的插件

本書中的一些插件完成的事情可能單用CSS不能完成，它們通過使用兩個(gè)JavaScript插件庫來完成。這兩個(gè)插件庫分別是來自配套書Plug-in JavaScript中的PJ.js和專為本書而寫的PC.js。PJ.js中的函數(shù)提供了大量的定位、調(diào)整大小和轉(zhuǎn)換效果，然后由PC.js中的函數(shù)實(shí)現(xiàn)各種增強(qiáng)的CSS效果。

使用這些庫非常容易，在相關(guān)小節(jié)中也有詳細(xì)解釋，也就是在Web頁面的頭部包含下列HTML代碼行：

<script src="PJ.js"></script><script src="PC.js"></script>

這行代碼從當(dāng)前文件夾(但也可從任何地方導(dǎo)入它們)加載庫并執(zhí)行基本的初始化。這些文件也包含在可通過plugincss.com網(wǎng)站下載的plug-ins.zip文件中。

1.8.1  將JavaScript支持的CSS與純CSS同時(shí)引用

為了使用本書中的所有插件(包括純CSS和JavaScript支持的CSS)，同時(shí)為了不必總是想著要導(dǎo)入它們，筆者建議將下列兩行代碼添加到使用它們的所有Web頁面的頭部：

<link rel="stylesheet" type="text/css" href="PC.css" />

<script src="PJ.js"></script><script src="PC.js"></script>

記住，如果從非當(dāng)前文件夾的其他地方導(dǎo)入文件，要用正確的路徑引用文件名。

注意：

有一個(gè)名為PJsmall.js的較小版的PJ.js文件，該文件也可從plug-ins.zip下載中獲得。它包含了所有相同的函數(shù)，工作方式也相同，只是被壓縮為PJ.js文件的二分之一。因此，在文件大小或可用帶寬成問題的情況下，可使用這個(gè)較小的文件。

1.8.2  禁用JavaScript的用戶

使用JavaScript支持的插件有一個(gè)不利方面，因?yàn)樯倭坑脩粼跒g覽器中禁用JavaScript。因此你可能選擇不使用JavaScript支持的插件，這太令人遺憾了，因?yàn)樗鼈兲峁┝艘恍┓浅：玫脑鰪?qiáng)功能。

可以包括如下所示的HTML代碼段，要求用戶在網(wǎng)站上啟用JavaScript(在這種情況下，應(yīng)記住那些不能很好降級的增強(qiáng)功能只是對禁用JavaScript的用戶不可用)：

<noscript>

<h1>JavaScript Enhanced</h1>

This website is enhanced with JavaScript and you will be able to

view it at its best only if you enable JavaScript in your browser.

</noscript>

另外，更友好的方法(雖然要多花些時(shí)間)是在每次使用JavaScript支持的CSS時(shí)都提供<noscript>…</noscript>這樣一個(gè)HTML代碼段。這樣，非JavaScript用戶將感覺不到有區(qū)別。

1.9  小結(jié)

至此，你應(yīng)對樣式表的工作原理、CSS與DOM如何相關(guān)及如何導(dǎo)入插件有了一個(gè)基本的了解。下一章，我們將講述CSS速成法。學(xué)習(xí)完該章，你將能理解并使用本書中的所有插件，也能夠通過調(diào)整或擴(kuò)展它們創(chuàng)建自己的變體形式。