html
zmlucky
这个作者很懒,什么都没留下…
展开
-
text/template select使用
<a href="javascript:void(0);" class="j-user-quit tpl-table-black-operation-del" data-id="<?= $item['clerk_id'] ?>"> 离职</a><script id="tpl-update-delivery" type="text/template"> <div class="am-padding-top-sm">.原创 2021-05-31 19:42:13 · 328 阅读 · 1 评论 -
ddsort.js jQuery拖动排序插件
<div class="uploader-list am-cf"> <?php foreach ($model['image'] as $key => $item): ?> <div class="file-item"> .原创 2021-04-10 11:57:19 · 254 阅读 · 0 评论 -
html+jquery 复制内容到粘贴板
<textareaid="copy"style="display:none;"></textarea><script>$(".copy-btn").click(function(){//console.log(1111111);varstr="xxxxxx";$('#copy').text(str).show();varele=docu...原创 2020-12-11 20:39:15 · 1000 阅读 · 0 评论 -
HTML创建节点并追加元素
<div class="dowebok"></div> var dowebok_div = document.querySelector('.dowebok')var newList = obj.data.list;for (var i = 0; i < newList.length; i++) { var temp = docume...原创 2020-04-13 23:26:35 · 779 阅读 · 1 评论 -
屏幕分辨率适配
首先如果不设置meta viewport标签,那么移动设备上浏览器默认的宽度值为800px,980px,1024px等这些,总之是大于屏幕宽度的。这里的宽度所用的单位px都是指css中的px,它跟代表实际屏幕物理像素的px不是一回事。第二、每个移动设备浏览器中都有一个理想的宽度,这个理想的宽度是指css中的宽度,跟设备的物理宽度没有关系,在css中,这个宽度就相当于100%的所代表的那个宽度。...原创 2019-11-05 13:29:32 · 195 阅读 · 0 评论 -
图片反防盗链
在index.html文件头加上<meta name="referrer" content="never">原创 2019-11-04 17:03:21 · 322 阅读 · 0 评论 -
Highchart单条数据加标签
series: [{ name: '优良表现', data: { abot: $score_90_str } }, { name: '基本表现', data: { abot: $score_60_str } }, { name: '学员表现', ...原创 2019-11-04 17:02:55 · 154 阅读 · 0 评论 -
Highcharts循环显示数据标签
<script> var aa = { abot: $score_percent_dan_str }; console.log(aa); var j = -1; var chart = Highcharts.chart('container', { title: { text: "{abot:$papertitle}" ...原创 2019-11-04 17:02:51 · 693 阅读 · 0 评论 -
雪花坠落
<!DOCTYPE html><HTML> <HEAD> <TITLE>DEMO</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script src="http://libs.baidu.co...原创 2019-11-03 20:03:05 · 169 阅读 · 0 评论 -
图片及文字 滚动轮播图
图片滚动下载地址0.http://www.dowebok.com/188.html1、引入文件<link rel="stylesheet" href="/css/liMarquee.css"> <script src="/js/jquery-1.9.0.min.js"></script> <script src="/js/...原创 2019-11-03 19:21:16 · 593 阅读 · 0 评论 -
背景图片加载
当背景图片较大时,加载网页时,背景会先出现白色。解决办法:先给背景设置一个颜色,等到页面onload之后。再替换背景Image 对象代表嵌入的图像。<img> 标签每出现一次,一个 Image 对象就会被创建。body{ width: 3840px; height: 1080px; background-color: #000; }<script t...原创 2019-11-03 19:21:03 · 602 阅读 · 0 评论 -
背景及文字渐变色
背景渐变色background: -webkit-linear-gradient(left, #85169F , #FB7564); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #85169F, #FB7564); /* Opera 11.1 - 12.0 */background: -moz-linear-gr...原创 2019-11-03 19:20:47 · 201 阅读 · 0 评论 -
html嵌入video
自动播放、无限循环、静音、不加载控制器<video autoplay="autoplay" loop="loop" muted="true" style="width:280px;height:360px;object-fit: fill;"> <source src="http://www.baosaas.com/jsweb/video/118.mp4" type...原创 2019-11-02 14:12:09 · 442 阅读 · 0 评论 -
当前日期时间
//当前日期 var time = CurentTime(); $("#time_p").html(time); setInterval(function(){ var time1 = CurentTime(); $("#time_p").html(time1); },1000) function CurentTime() { var now...原创 2019-11-02 14:10:35 · 198 阅读 · 0 评论 -
css斜角边框
<div style="background: linear-gradient(135deg, transparent 0px, rgb(31,54,116,.6) 0) top left,linear-gradient(-135deg, transparent 20px, rgb(31,54,116,.6) 0) top right,linear-gradient(-45deg...原创 2019-11-02 14:08:27 · 8819 阅读 · 0 评论 -
图片旋转
<img src="static/img/jin_center/cycle.png" id="cycle" class="not_show"style=" position: absolute; top: 552px; left: 1816px; width: 211px;" />//中间小球边框动画var cycle=document.getE...原创 2019-11-02 14:06:22 · 117 阅读 · 0 评论