<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>随机插入一张图片</title> </head> <body> //睡不着研究一下怎么实现在文章正文内容随机插入一张图片，减少文章发布时添加图片的烦恼 <script type="text/javascript" src="http://static.iseo.wang/jquery-3.4.1.js"></script> <script type="text/javascript"> $(document).ready(function() { var x = 4;//x随机数上限,y随机数下限 var y = 0; var rand = parseInt(Math.random() * (x - y + 1) + y); var element = $("#p1 p").eq(2); element.append("<img src='1/" + rand + ".jpg'>"); }); </script> <h1>选取第二个P标插入图片</h1> <div id="p1"> <p>这是首段</p> <p>这是第二段</p> <p>这是第三落</p> <p>这是第四段</p> <p>这是第五段</p> </div> </body></html>帝国cms可以使用php调用随机数，这样每次刷新内容页不会改变图片，只有更新数据，重新生成新的静态页面图片才会改变
<script type="text/javascript"> $(document).ready(function() { var element = $("#p1 p").eq(2); element.append("<img src='1/" + <?php $num = rand(1,5);echo $num;?> + ".jpg'>"); }); </script>
|
|
|
|
|
|
|
|
|
|
精彩评论 (0)
QQ好友和群
