JS特效網頁點選事件彈出指定漢字

阿新 • • 發佈：2019-01-26

最近逛一位大佬的部落格的時候，發現了他部落格上的滑鼠點選事件，效果如下圖

感覺文字和內容都特別有趣，所以就研究了一下。

將效果總結為一個HTML，內容如下，保證可用。

<html>
    <head>
    </head>
    <body>
        點選滑鼠
        <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
        <script 
 type="text/javascript">
        /*天真網（tzw520.cn） 滑鼠特效 */
        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>
    </body>
</html>

JS特效網頁點選事件彈出指定漢字

最近逛一位大佬的部落格的時候，發現了他部落格上的滑鼠點選事件，效果如下圖感覺文字和內容都特別有趣，所以就研究了一下。將效果總結為一個HTML，內容如下，保證可用。

Android Studio ListView的item點選事件彈出AlertDialog，和item的滑動

首先看看效果圖：點選彈出AlertDialog的確認框！（一）第一步，建立一個xml檔案顯示item的佈局 student_item.xml <?xml version="1.0" encoding="utf-8"?> <LinearLa

EditText點選事件——彈出單選框

目標點選Faculty彈出院系單選對話方塊，將選擇的內容顯示在EditText中 Faculty是一個Edittext控制元件。 1,設定EditText屬性使用以下兩句設定

HTML+js+css實現點選圖片彈出上傳檔案視窗的兩種思路

第一種：CSS實現 <style> <!-- .fileInputContainer{ height:256px; background:url(upfile.png); position:rel

JS特效教程：給網站新增滑鼠點選彈出指定漢字特效

網站新增滑鼠點選彈出指定漢字特效，就是滑鼠點選站點任何位置，都會隨機彈出我們指定的一組漢字中的一個。比如指定“文明，自由，民主，公正，和諧”等，點選滑鼠時就會隨機顯示這一組的某個詞語，見下圖：給網站新增滑鼠點選彈出指定漢字特效的操作辦法這個特效不單單適用於 WordPress 部落

js迴圈給li繫結事件實現點選li彈出其索引值和內容

html程式碼 <ul> 　　<li>香蕉</li> 　　<li>蘋果</li> <li>菠蘿</li> 　　<li>獼猴桃</li> 　

jQuery點選圖片彈出放大特效下載

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>美女圖片瀏覽特效 - 何

iOS開發中oc程式碼響應js網頁點選事件的方法

在APP開發中我們經常碰到一種情況：app開啟一個網頁，網頁裡有些按鈕需要我們去響應，比如開啟一個遊戲介紹的網頁，點選網頁中的“立即下載”按鈕，app需要跳轉到對應下載介面。那麼我們怎麼響應？程式碼如下： -(void)makeWeb { self.webView

js滑鼠點選位置彈出層由中心向四周緩慢擴大

<html> <head> <title>無標題文件</title> <script language="javascript"> var level = 1; var div

js實現點選標籤彈出其索引值

據說這是一道筆試題，以下是程式碼，沒什麼要文字敘述的，就是點選哪個<li>彈出哪個<li>的索引值即可： <html> <head> <style> li{ width:50px; height:30px;

CMFCToolBar::ReplaceButton() 替換CMFCToolBarMenuButton控制元件點選按鈕彈出選單問題

最近使用MFC單文件做了一個專案，需要用到CMFCToolBar由於自己的按鈕是在太多了，所有又把相同的按鈕歸類也就是把相同的按鈕放在一個按鈕下，在點選這個按鈕的時候彈出合併的所有選項問題1:在我點選有下拉項的按鈕右側(三角符號部分)時才會彈出

vue.js右鍵點選事件+在游標停靠位置插入文字

直接在需要右鍵效果的新增 @contextmenu.prevent='function' function寫自己的程式碼另外，專案中用到在游標停靠位置插入文字的功能，一併描述一下 insertShort(index) { this.contextmenuShow = fal

點選連結彈出一個DIV層視窗

做裝置介紹頁面的時候，發現每個裝置點選檢視詳情都需要連結一個新的頁面，這樣比較影響網頁瀏覽的效率和舒適度，所以想用彈窗的形式在當前頁面展示詳情。彈出的視窗要固定在瀏覽器視窗的中間位置，我採用了fixed固定佈局。  <body style="backg

點選按鈕彈出類似IOS 底部 dialog

implementation 'com.baoyz.actionsheet:library:1.1.7' 然後設定按鈕點選監聽,,呼叫下列程式碼即可 ActionSheet.createBuilder(this, getSupportFragmentManager())

Vue2.x-01點選按鈕彈出子Vue元件，遍歷JSON展示資料

文章目錄概述實現過程 Step1: 父元件設定Button按鈕 Step2: 這裡使用了showHandlerFlag來控制子元件是否顯示，所裡需要在data中定義下這個變數 Step3: 引用宣告元件 Step4:

佈局中同時使用Toolbar和EditText時，點選鍵盤彈出時標題欄被拉伸

在Toolbar中新增 android:fitsSystemWindows="true" 這時，如果我們的layout中包含可滾動的控制元件如ListView、ScrollView（即在鍵盤彈出時會

python爬蟲+網頁點選事件+selenium模擬瀏覽器，爬取選股寶內容

（一）PYTHON的安裝（已安裝，可跳過此步驟） 1、PYTHON下載 PYTHON官網：https://www.python.org/ 按照對應的系統下載，

android開發入門點選按鈕彈出對話方塊

1、在layout中新增按鈕 2、在MainActivity中新增以下函式 public void showDialog(View view){ AlertDialog.Builder builder=new AlertDialog.Builder(this);

WKWebview與JavaScript 互動（二）監聽遠端網頁點選事件

引言監聽網頁的按鈕的點選事件，並且網頁不是我們招呼一聲對方就能改的。那麼繼續。正文 1.WKUserScript 先介紹WebKit框架一個類WKUserScript：核心方法，傳入JS程式碼字串，返回給我們一個WKUserScr

點選按鈕彈出模態框實現

點選按鈕彈出模態框的實現： html： <!DOCTYPE html> <html> <head> <meta charset="utf-8">

JS特效 網頁點選事件 彈出指定漢字

最近逛一位大佬的部落格的時候，發現了他部落格上的滑鼠點選事件，效果如下圖

感覺文字和內容都特別有趣，所以就研究了一下。

將效果總結為一個HTML，內容如下，保證可用。

相關推薦

JS特效網頁點選事件彈出指定漢字