1，效果如下：
添加頁面點擊特效，點擊頁面會顯示：“富強”, “民主”, “文明”, “和諧”, “自由“, “平等”, “公正” ,“法治”, “愛國”, “敬業(yè)”, “誠信”, “友善”; 可以來SEO研究中心論壇看效果。
2，實現(xiàn)方法
通過一段JS在網(wǎng)頁中加載調(diào)用就行了，代碼如下：
- <script type="text/javascript">
- var a_idx = 0;
- jQuery(document).ready(function($) {
- $("body").click(function(e) {
- var a = new Array("富強", "民主", "文明", "和諧", "自由", "平等", "公正" ,"法治", "愛國", "敬業(yè)", "誠信", "友善");
- var $i = $("<span/>").text(a[a_idx]);
- a_idx = (a_idx + 1) % a.length;
- var x = e.pageX,
- y = e.pageY;
- $i.css({
- "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
- "top": y - 20,
- "left": x,
- "position": "absolute",
- "font-weight": "bold",
- "color": "#ff6651"
- });
- $("body").append($i);
- $i.animate({
- "top": y - 180,
- "opacity": 0
- },
- 1500,
- function() {
- $i.remove();
- });
- });
- });
- </script>
3，如何使用
復(fù)制上方代碼到你的需要的頁面，例如footer.php頁面的html標記結(jié)束前。此代碼引用到了jquery，如果你的頁面沒有引入jquery庫的話，需要在代碼前引入
- <script language="javascript" type="text/javascript" src="https://cdn.staticfile.org/jquery/1.7.2/jquery.min.js"></script>
jquery庫引用的是七牛云的cdn庫，你可以自己本地化，也可以引入別的cdn庫，可以自定義更換色值，可以自定義更換文字。
版權(quán)聲明：文章圖片資源來源于網(wǎng)絡(luò),如有侵權(quán)，請留言刪除!!!
評論