![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
heshichao666
这个作者很懒,什么都没留下…
展开
-
for循环某个div
var data={ 'date':'2017年3月12日 15点15分15秒', 'people':'买买买', 'jg':'0.32', 'gree':'注意业务风险', 'gg':'' } var objhtml="";for(var j=0;j<4;j++){ objhtm原创 2017-08-10 10:46:01 · 5059 阅读 · 0 评论 -
jquery点击切换图标(比如刷新图标,静态变动态图片)
html:<img class="shuaxin" src="../static/img/break.png">js:$(".shuaxin").click(function(){$(this).attr("src","../static/img/dongtai.gif");});setInterval(function(){ // console.log(123) $(".sh原创 2017-11-27 09:16:06 · 4056 阅读 · 0 评论 -
jquery实现页面右下角弹框效果
$(document).ready(function(){ var hheight=$(".box").height(); //202是盒子的高度 var theight=hheight-202; // $(".box").css({bottom:-hheight+"px"}); $(".box").animate({bottom:theight+"px"},2原创 2017-12-05 10:42:57 · 2500 阅读 · 0 评论 -
jquery实现新闻消息滚动
html代码: <div class="root"> <div class="mainleft"> <span>今日消息</span> </div> <div class="mainright"> <ul> <li>hjkdfhkh-lkj- lkdj开发完成</li>原创 2017-11-14 11:12:29 · 4762 阅读 · 1 评论 -
自己用div写一个圆角箭头
<div class="yuan"><</div>css如下:.yuan{ width: .4rem;//.4rem相当于pc端的400px height: .4rem; background: black; color: #fff; font-weight: 700; line-height: .4rem; text-align: cen原创 2017-09-06 11:32:52 · 1217 阅读 · 0 评论 -
jquery点击图标来回切换的几种方法(如开关按钮)
1.$(".img").click(function(){ if(this.src.search("../static/img/off.png")!=-1){ this.src="../static/img/on.png"; }else{ this.src="../static/img/off.png" }原创 2017-09-18 16:33:50 · 12203 阅读 · 0 评论 -
点击图标快速回到页面顶部
$(function () { //当滚动条的位置处于距顶部300像素以下时,跳转链接出现,否则消失 $(function () { $(window).scroll(function () { if ($(window).scrollTop() > 300) { $(".原创 2017-08-29 09:47:29 · 1254 阅读 · 0 评论 -
js转换成会计字符并逗号隔开保留两位小数,整数后面加.00
function fmoney(s, n) { n = n > 0 && n <= 20 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]; t = ""; for (i原创 2017-08-28 09:22:37 · 744 阅读 · 0 评论 -
js小数转换百分数并保留两位小数
function toPercent(point){ var str=Number(point*100).toFixed(2); str+="%"; return str;}var point=0.123456;console.log(toPercent(point))最终结果是12.35%原创 2017-08-28 09:13:58 · 14464 阅读 · 0 评论 -
底部定位,键盘弹出时把底部顶上去的解决方法
原理就是键盘弹起的时候让底部定位的元素隐藏,键盘消失时再显示var oHeight = $(document).height(); //屏幕当前的高度 $(window).resize(function(){ if($(document).height() < oHeight){ $(".footer").css("disp原创 2017-08-18 15:48:27 · 2564 阅读 · 0 评论 -
输入框弹出输入法高度自适应(遮挡键盘,自动反弹)
$('textarea').on('focus',function(event){ //自动反弹 输入法高度自适应 var target = this; setTimeout(function(){ target.scrollIntoViewIfNeeded(); },100); });原创 2017-08-18 15:44:51 · 1514 阅读 · 0 评论 -
点击提交按钮,按钮变灰,页面正在加载中
<div class="loading">加载中<img src="img/1.gif" alt=""></div><button>提交</button>js代码: $('button').click(function(){ $('button').attr("disabled","true"); $('button').css({'background':'#8E8E8E'原创 2017-08-10 11:20:01 · 3369 阅读 · 0 评论 -
提交页面过程中覆盖原页面加灰效果
<div class="hbg"></div>css代码:.hbg { width:100%; position:absolute; background:#000; z-index:998; top:0; left:0; height:100%; opacity:0.7; display: none;}原创 2017-08-10 10:59:45 · 290 阅读 · 0 评论 -
js截取url的参数,?号后面参数的几种方法
url参数原创 2017-08-10 10:30:33 · 7947 阅读 · 1 评论 -
js小数转换百分数并保留两位小数
// 转换百分数保留两位小数function toPercent(point){ var str=Number(point*100).toFixed(2); str+="%"; return str;}var point=0.123456;console.log(toPercent(point))调用toPercent到页面即可原创 2017-08-10 10:50:43 · 12622 阅读 · 1 评论