前端效果
文章平均质量分 81
kongjiea
通吃前后端如何?
展开
-
img.onload 实现图片预加载方法
例子: 1111 function loadImage(url,callback) { var img =new Image(); img.onload =function(){ img.onload =null; callback(img); }原创 2014-04-22 14:41:32 · 86944 阅读 · 1 评论 -
js实现点击复制功能
一、实现点击按钮,复制文本框中的的内容<script type="text/javascript">function copyUrl2(){var Url2=document.getElementById("biao1");Url2.select(); // 选择对象document.execCommand("Copy"); // 执行浏览器复制命令alert("已复制好,...转载 2018-05-30 09:06:21 · 52000 阅读 · 2 评论 -
js 模拟浏览器f11 全屏显示
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button转载 2018-05-30 09:51:46 · 5264 阅读 · 0 评论 -
JS用斜率判断鼠标进入DIV四个方向的方法 判断鼠标移入方向
JS用斜率判断鼠标进入DIV四个方向的方法 .box{ width: 200px; height: 200px; background-color: #3295F2; } window.onload = funct转载 2016-11-16 09:57:06 · 2475 阅读 · 0 评论 -
jq插件做圆形进度条,兼容ie7、ie8
1、插件名字jQuery-Knob-master下载地址https://github.com/aterrien/jQuery-Knob2、常用参数说明:script> $(function() { $(".dial").knob({ width:100,//宽度原创 2016-09-06 22:09:18 · 6575 阅读 · 3 评论 -
百度分享自定义分享案例
1、参考文档:http://share.baidu.com/code/advance#config-share2、自定义案例 Document/* .bdsharebuttonbox a{display:inline-block;height:100px;background:url(http://42.121.106.37//images/logo.png);w原创 2015-05-19 17:43:06 · 9427 阅读 · 0 评论 -
锚点跳转滑动效果
Document $(function(){ //锚点跳转滑动效果 $('a[href*=#],area[href*=#]').click(function() { console.log(this.pathname) if (location.pat原创 2015-05-14 12:05:40 · 17506 阅读 · 2 评论 -
html5手机摇一摇效果
HTML5 手机摇一摇var color = new Array('#fff', '#ff0', '#f00', '#000', '#00f', '#0ff');if(window.DeviceMotionEvent) { var speed = 25; var x = y = z = lastX = lastY = lastZ = 0; window.addEven原创 2014-11-25 10:48:47 · 7083 阅读 · 0 评论 -
文件上传利器SWFUpload入门简易教程
凡做过网站开发的都应该知道表单file的确鸡肋。Ajax解决了不刷新页面提交表单,但是却没有解决文件上传不刷新页面,当然也有其它技术让不刷新页面而提交文件,该技术主要是利用隐藏的iFrame,较Ajax要麻烦许多,而且其提交方式依然在底层是使用的表单file,这里我们不详谈。而且如果是提交较小的文件,我们能接受,如果提交的文件较大,我们便要忍受很长的等待时间,而浏览器却没有任何提示,我们也转载 2014-04-22 09:36:35 · 40097 阅读 · 4 评论 -
css 实现水平垂直居中
仅居中元素定宽高适用absolute + 负margin absolute + margin auto absolute + calc居中元素不定宽高absolute + transform lineheight writing-mode table css-table flex gridabsolute + 负margin为了实现上面的效果先来做些准备工作,假设H...转载 2018-09-14 09:36:24 · 808 阅读 · 0 评论