给网站添加鼠标点击特效富强、民主、和谐
(function() { var s = "_" + Math.random().toString(36).slice(2); document.write('<div style="" id="' + s + '"></div>'); (window.slotbydup = window.slotbydup || []).push({ id: "u4235867", container: s }); })();
function playPause() { var music = document.getElementById('tts'); if (music.paused) { music.play(); var audio = document.getElementById("tts"); audio.onended = function() { audio.src = "https://tts.baidu.com/text2audio?cuid=baiduid&lan=zh&ctp=1&pdt=311&tex="; audio.play(); audio.addEventListener("ended", function() { audio.src = "https://tts.baidu.com/text2audio?cuid=baiduid&lan=zh&ctp=1&pdt=311&tex="; audio.load(); audio.addEventListener("ended", function() { audio.pause(); }, false); }, false); }; } else { music.pause(); } } $(document).ready(function(){ $(".tts-play").click(function() { $(".tts-play").toggleClass("tts-read"); }); });
给网站添加“富强、民主、和谐”鼠标点击特效。这个特效网上也有许多教程，爱游博客看到后也收集来了并给博客也加上了这个特效。其实就是一个JS代码，代码如下。把JS放在网站中就可以使用了。
- <script?type="text/javascript">
- /*?鼠标特效?*/
- var?a_idx?=?0;
- jQuery(document).ready(function($)?{
- ????$("body").click(function(e)?{
- var?a?=?new?Array("富强",?"民主",?"文明",?"和谐",?"自由",?"平等",?"公正"?,"法治",?"爱国",?"敬业",?"诚信",?"友善");
- 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>
放在网站底部，也可以用页脚小工具，效果图如下。
cambrian.render('tail')