html
yx_cos
这个作者很懒,什么都没留下…
展开
-
在手机屏幕下全屏展示背景图
今天遇到遇到写一个邀请页面,然后需要放一张图片当背景类似的。试了好几种方法,都达不到要求。想法1.直接在html里引入了img 标签 然后给图片设置了width:100%;height:100%;不管用,图片太大的话,屏幕往下移动了想法2.将图片以背景图片引入,设置body为 width:100%;height:100%;可是最后的结果却出不来,F12调试说body的高度为0;原创 2017-04-12 14:32:17 · 4136 阅读 · 0 评论 -
用js实现上传图片的效果
在写页面的时候,很多时候都会遇到上传图片的问题,下面的代码,可以直接在前台显示上传图片效果的,简单明了,需要的可以参考:先来张效果图:(未上传之前的显示页面)(上传之后显示的页面,代码中可控制最多上传几张,可再次选择)代码:html:原创 2017-04-19 13:57:46 · 1591 阅读 · 0 评论 -
jq中的$("#id")与js中的document.getElementById("id")的区别
以前一直认为jq的(“#id”)与js中的document.getElementById(“id”)是等价的,然后前面刚好写了一个图片轮播的效果,里面js里 刚开始是直接用id名来表示的,但这样的缺点是,直接用id名 定义的是一个全局变量了,如果在大项目中会污染全局变量,所以我打算定义个局部变量来代替 刚开始是直接写了 var demo=(“#id”)与js中的document.getEle原创 2017-05-04 14:14:44 · 1540 阅读 · 0 评论 -
jquary简单日历签到效果实现
最近写的项目活动中总是会写到每天签到的这个功能,然后网上找的插件各有利弊,最后,自己花了点时间,写了一个简便版的实现日历签到页面,供大家学习参考 最终效果图: HTML部分: <div class="checkin"> <div class="tit"><img src='images/t_icon.png' class='imgicon1'/><span id="now_mon原创 2017-05-22 17:45:43 · 664 阅读 · 0 评论 -
css样式--将大小不固定的图片或文字段 垂直居中
本文将介绍的是将大小不固定的图片或文字段 垂直居中的两种简单的方法 方式一: 将父元素的display设为display:table-cell;再加上水平居中和垂直居中的两个代码: text-align: center;vertical-align:middle;就轻松搞定了图片的垂直居中如果是文字的话,需要将子元素设置为display:inline-block;HTML代码如下:<div cl原创 2017-08-10 16:21:40 · 1080 阅读 · 0 评论 -
分享几个前端工具--制作加载中小图标
1.制作loading图(加载中小图标)的网址(1)https://loading.io/这个网站中会有很多种加载中的小图标,你可以根据你的需求选择,选择好图标后,你可以在工具栏部分改变颜色,最后他有3种方式供你下载 :GIF,SVG,CSS选择你想要的格式保存即可。(2)https://preloaders.net/和上面的网址类似,也是一些加载中的小图标原创 2017-09-26 14:46:52 · 2756 阅读 · 0 评论 -
banner图与底下的div之间存在一条缝隙的解决办法
在写页面的时候遇到了一个奇怪的问题,就是banner图与下面的div之间存在着缝隙,不存在margin,padding,可是就是有一条缝隙,如下图: 页面代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css"原创 2017-10-30 10:39:42 · 1689 阅读 · 1 评论 -
jQuery无缝向上滚动效果
该篇通过js和jquery两种写法来实现内容无缝向上滚动的一个效果,废话不多说,直接上代码(1)向上滚动HTML: 21:01:03 137****6943 ¥6.06 21:01:03 137****6943 ¥6.06 21:01:03 13原创 2018-01-22 18:21:48 · 6218 阅读 · 0 评论 -
jquery实现倒计时效果
实现的效果如图:HTML: 距离下一场活动还有 --时--分--秒 Jquery代码: //判断设备是安卓还是IOS var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.inde原创 2018-01-24 09:38:57 · 1398 阅读 · 0 评论