![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
shl999
一枚前端菜鸟
展开
-
一个效果
var aboutUs = { ele: { slideEle: $(".about-slide"), slideAEle: $(".about-slide li a"), contentEle: $(".about-content .items") }, init: functi原创 2017-01-18 14:40:04 · 240 阅读 · 0 评论 -
不使用flash的复制插件
压缩包下载传送门–http://pan.baidu.com/s/1o8csXqq我只是搬运工。 github网址:https://github.com/zenorocha/clipboard.js 代码演示网址:http://www.helloweba.com/view-blog-327.html 此插件没有用flash 但是不支持ie8—-转载 2016-09-02 11:19:01 · 323 阅读 · 0 评论 -
登录注册验证码 js
文件下载传送门—–http://pan.baidu.com/s/1nuMLIQ1css部分:<style type="text/css"> .code { font-style: italic; color: blue; font-size: 30px; border: 0; padding: 2px 3px; letter-spacing: 3px原创 2016-08-30 16:32:06 · 1959 阅读 · 0 评论 -
javascript ,jq 实现input随文字变化而变化
<input name="text" onkeyup="checkLength(this)"/><script language="javascript"> function checkLength(which) { var iCount = which.value.replace(/[^\u0000-\u00ff]/g,"aa").length;转载 2016-11-10 10:58:52 · 1062 阅读 · 0 评论 -
js 判断变量是否存在
if (typeof bianliang != "undefined") { //变量存在}if (typeof bianliang == "undefined") { //变量不存在}原创 2017-03-23 10:27:22 · 2047 阅读 · 0 评论 -
fullpage使用js增加动画
jQuery(document).ready(function ($) { $('.fullpager').fullpage({ //实例化完执行的回调函数 afterRender: function () { $(".fullpage:first-child").find(".animated").ea原创 2017-03-30 17:13:47 · 2954 阅读 · 1 评论 -
移动端自适应问题
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’, recalc = function () { var client原创 2017-03-31 16:17:31 · 384 阅读 · 0 评论 -
图片错误处理函数,基于joomla
<script> function imgErrorHandling(local_base_host, local_base_path, server_path) { var img_src, regexp = new RegExp("^" + local_base_path); jQuery("img").error(function () {原创 2017-03-13 09:31:58 · 311 阅读 · 0 评论 -
百度分享的微信二维码位置处理
var baiduShare = { ele: { weixinEle: $(".article-content .bds_weixin") }, init: function () { baiduShare.ele.weixinEle.bind("click", baiduShare.clickFun)原创 2017-04-12 16:05:19 · 3876 阅读 · 1 评论 -
一开始没有定位 然后 固定定位
jQuery(function ($) { $.fn.smartFloat = function() { var position = function(element) { var top = element.offset().top; var pos = element.css("positi原创 2016-10-13 09:47:14 · 296 阅读 · 0 评论 -
序列化表单出现乱码--解决方法
console.log(decodeURIComponent($("#form").serialize()))decodeURIComponent 进行解码转载 2016-11-11 13:16:16 · 1009 阅读 · 0 评论 -
input宽度随文字变化而变化
<input type="text" class="form-control"><script>var searchinput=$("input");var textWidth = function (text) { var sensor = $('<pre>' + text + '</pre>').css({display: 'none'});转载 2016-11-16 16:57:55 · 11125 阅读 · 2 评论 -
瀑布流 或者动态加载 click点击无效的问题
将 $(".div").click(function(){ });改为: $('body').on('click', '.div', function () {})原创 2017-01-02 15:44:48 · 531 阅读 · 0 评论 -
将数组对象变成json字符串
最终结果输出 是这种数组,如下图: 代码: var jsonData=”“; for(var s in newData){ jsonData+=’”’+s+’”’+”:”+JSON.stringify(newData[s])+”, “; } console.log(jsonData); “原创 2016-12-25 16:54:27 · 1172 阅读 · 0 评论 -
javascript 的数组的sort() 排序。
因为sort()函数使用的是冒泡排序,冒泡排序会重复地走访要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来,一直重复地进行直到说该数列已经排序完成。 如果a-b>0(即正数)就把a和b的位置交换,也就是较小的一个数会排到前面; 如果b-a>0就把a和b的位置交换,也就是较大的一个数会排到前面。function sortNumber(a, b){return a - b //转载 2016-11-15 12:02:32 · 230 阅读 · 0 评论 -
回到顶部效果 js+css
css和js部分:<style type="text/css"> body{height:5000px; } .top{background-color: #0a131a;color:#fff;width:50px;height:50px;display: none; position: fixed;right:20px;bottom:40px原创 2016-08-30 15:42:42 · 281 阅读 · 0 评论 -
使用锚链接实现首页面的全屏滚动
要使用jquery.min.js 和jquery.mousewheel.js 这两个插件。具体html如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用锚链接实现首页面的全屏滚动</title> <style> *{ padding: 0; margin:原创 2017-02-09 10:19:15 · 329 阅读 · 0 评论 -
js的向上取整(Math.ceil)向下取整(Math.floor)四舍五入(Math.round)
<script language="javascript"> var uu=Math.floor(5.36) //向下取整 结果为5 var uu=Math.floor(5.88) //结果为5 Math.ceil(5.33) //向上取整,结果为6 Math.round(5.55) //四舍五入 结果为6 math.round(5.22) //结果为5 </script>原创 2017-02-05 15:31:08 · 39487 阅读 · 0 评论 -
jq 计算div宽度--innerwidth,outerwidth,width
width()方法用于获得元素宽度; innerWidth()方法用于获得包括内边界(padding)的元素宽度; outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度; 如果outerWidth()方法的参数为true则外边界(margin)也会被包括进来,即获得包括外边框(margin)、内边界(padding)和边框(border)的元素宽度。原创 2016-11-25 17:27:33 · 3039 阅读 · 0 评论 -
获取地址栏特定字符后面的字符
var abouturl=location.href;//获取地址 var str_after = abouturl.split("#")[1];//获取后面字符 $("li").each(function () { var a=$(this).children().attr('href'); if(a=='#'+str_after){原创 2016-11-23 17:59:04 · 2046 阅读 · 0 评论 -
owl.carousel轮播插件实例化一次
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模块</title> <!--owl.carousel.min.css是插件最基本的css,必须引入,如果需要默认的轮播只是按钮的样式,引入owl.theme.default.min.css--> <link rel="style原创 2017-04-05 10:10:25 · 4749 阅读 · 0 评论