Skip to content

L
LearningGenius2.0
Switch branch/tag
Find file
Normal viewHistoryPermalink
demo.html 1.65 KB
Newer Older
赖纪均's avatar
V2.0.2.0 新增 By Ray 2020-08-24
c4068d88
 
赖纪均 committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 200px;
            height: 100px;
            text-align: center;
            line-height: 100px;
            cursor: pointer;
        }
    </style>
</head>

<body>

    <div id="img">图片</div>
    <div id="video">视频</div>
    <div id="audio">音频</div>
    <div id="pdf">pdf</div>
</body>
<script src="./js/jquery-1.8.3.min.js"></script>
<script>
    $("#img").on('click', function () {

        window.open(encodeURI(encodeURI("./index-loca.html?file_path=" + 'https://img.zcool.cn/community/01ce6d5eef48aea801215aa03d7568.jpg@3000w_1l_0o_100sh.jpg' + "&file_type=" + 'png' + "&file_title=" + '涨工资' + "&file_desc=" + '想多了')))
  

        // file_path&file_type=png&file_title=mmm&file_desc=xxxx
    })
    $("#video").on('click', function () {

        window.open(encodeURI(encodeURI("./index-loca.html?file_path=" + './e640931518b36a4fba409f76a120be70.mp4' + "&file_type=" + 'mp4' + "&file_title=" + '涨工资' + "&file_desc=" + '想多了')))
    })
    $("#audio").on('click', function () {

        window.open(encodeURI(encodeURI("./index-loca.html?file_path=" + './images/mp3.mp3' + "&file_type=" + 'mp3' + "&file_title=" + '涨工资' + "&file_desc=" + '想多了')))

    })
    $("#pdf").on('click', function () {
        window.open(encodeURI(encodeURI("./index-loca.html?file_path=" + './8e83de09011789ee1dac7fa99a265e74.pdf' + "&file_type=" + 'pdf' + "&file_title=" + '涨工资' + "&file_desc=" + '想多了')))
    })


</script>

</html>