随笔分类 - javascript常见效果
摘要:在页面中引入jquery和circleChart.min.js文件。 <script src="path/to/jquery.min.js"></script> <script src="path/to/circleChart.min.js"></script> HTML结构 使用一个<div>元素
阅读全文
摘要:HTML: <!DOCTYPE html> <html lang="en"> <head> <title>jQuery手机触屏拖动滑块验证跳转插件</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I
阅读全文
摘要:日常编程中,我们可能会碰到项目中的分享功能,各大平台都有分享接口和文档说明,当然也有一些一键分享插件,例如:sosh,iShare.js等等 但有些同学不想引用插件,那么我整理了一些常用的分享至平台功能,以供参考。 html结构: <div class="share-list"> <ul class
阅读全文
摘要:接口包含:添加收藏,删除收藏,检测收藏 前台传值:id与收藏页来源类型 获取网页数据ID值方法2种: 1:后台传值放隐藏域中 2:用JS方法取网址ID function getUrlParam(){ return location.href.match(/([^?=&]+)(=([^&]*))/g)
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>缓冲减速运动</title> <style> *{margin:0;padding:0;} #aa1 {position:absolute;left:500px
阅读全文
摘要:利用目标点判断速度speed正负值、利用目标点函数封装传参,
阅读全文
摘要:常见问题:定时器加速问题,每次点击会启动一个定时器,解决先清除定时器 动画运动平移 动画通用步骤: 1:判断速度speed正负: (目标值-oDiv1.offsetLeft)<0? speed=负: speed=正; 2、归位 if(Math.abs(目标值-oShare.offsetLeft)<Math.abs(speed)){//显...
阅读全文
摘要:javascript轮播自动播放切换滑过停止,上一页/下一页 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javascript焦点图</title> <style> *{margin:0;padding:
阅读全文