随笔分类 -  Web

Web前端技术包括 HTML，CSS，JS技术
步骤条 CSS样式
摘要：在这里记录一个手写的步骤条，先看效果 重点就是，进度条与步骤div的宽保持一致，比如完成了第一步，就是进度条的width就是22%，完成了第二步，就是44%，当然这个是可以自由调整的 HTML代码 1 <div class="step-div"> 2 <div class="eis-horizont 阅读全文
posted @ 2020-09-23 14:11 落日长烟 阅读(1467) 评论(0) 推荐(0)
CSS 常用样式集合（更新中。。。）
摘要：CSS 常用样式集合（更新中。。。） 1、textarea 文本域 禁止拉伸 style="resize:none" ：完全禁止拉伸 style="resize:vertical" ：禁止左右拉伸 2、小手样式 <div style="cursor:pointer;">手状样式</div> 阅读全文
posted @ 2020-09-10 15:15 落日长烟 阅读(235) 评论(0) 推荐(0)
bootstrap 模态框的动态复用
摘要：bootstrap 模态框的动态复用 在bootstrap文档中，模态框是由 data-toggle="modal" data-target="#myModal" 这两个属性的div，通过点击此div触发的，很多时候都会用到的模态框，这时候直接复用就方便多了 基础用法，移步：Bootstrap 模态 阅读全文
posted @ 2020-09-01 16:32 落日长烟 阅读(789) 评论(0) 推荐(0)
js 跳转链接的几种方式
摘要：js 跳转链接的几种方式 1、跳转链接 在当前窗口打开 1 window.location.href="http://www.baidu.com" 等价于 <a href="baidu.com" target="_self">go baidu</a> 2、跳转链接 在新窗口打开 1 window.o 阅读全文
posted @ 2020-09-01 15:58 落日长烟 阅读(7908) 评论(0) 推荐(0)
利用jquery和ajax实现省市区的三级联动
摘要：利用jquery和ajax实现省市区的三级联动 分享一段4年前的代码，偶然间看到了，不嫌弃的可以拿走，哈哈~~~ 思路：首先获取默认的省数据，然后根据省的变动获取对应的市数据，最后再根据市的变动来获取对应的区数据 1、jquery代码 1 <script type="text/javascript" 阅读全文
posted @ 2020-08-17 11:00 落日长烟 阅读(1322) 评论(0) 推荐(0)
CSS 文本溢出显示省略号样式
摘要：一、单行 css 样式如下 overflow:hidden; text-overflow:ellipsis; white-space:nowrap 效果如下：文本单行溢出… 二、多行css样式如下 overflow: hidden; text-overflow: ellipsis; display: 阅读全文
posted @ 2020-06-17 17:01 落日长烟 阅读(442) 评论(0) 推荐(0)
jquery 使用技巧（持续更新中）
摘要：一、jquery 属性操作 1、增加和删除属性 $("#id").attr("data-index",4)，$("#id").removeAttr("data-index");自定义属性，建议使用attr $("#checkbox").prop("checked",false), $("#check 阅读全文
posted @ 2020-05-18 10:32 落日长烟 阅读(152) 评论(0) 推荐(0)
jquery 动态生成的input添加change事件
摘要：借助js的on方法，可以给动态生成的input标签，添加change事件 1 //我的费率 2 $(document).on("input propertychange", "#mytbody .my_rate", function (e) { 3 var my_rate = $(this).val 阅读全文
posted @ 2020-05-14 12:00 落日长烟 阅读(4331) 评论(0) 推荐(0)
jQuery 实现checkbox的选择
摘要：直接上代码 html部分 <div class="label_div"> <div class="checkbox"> <label for="row[data][options][]-10"><input id="row[data][options][]-10" name="row[data][o 阅读全文
posted @ 2020-05-07 19:52 落日长烟 阅读(712) 评论(0) 推荐(0)
jquery 比较好用的几个插件
摘要：jquery 比较好用的几个插件 1、jquery.from.js jquery.form.js插件的基本使用 jQuery Form插件是一个优秀的Ajax表单插件 2、juqery.toast.js jQuery信息提示插件toast.js 3、juqery.validate.js juqery 阅读全文
posted @ 2020-01-02 15:42 落日长烟 阅读(292) 评论(0) 推荐(0)
简单协议样式
摘要：简单协议样式1、一种很简单的样式，自己留存用的，对于后端的我来说，这就足够了，前端大佬请飘过~~~ 1 <style> 2 .content{ 3 font-size: 0.24rem; 4 width: 6.5rem; 5 margin: 0 auto; 6 } 7 .content .total 阅读全文
posted @ 2019-12-12 11:34 落日长烟 阅读(252) 评论(0) 推荐(0)
jQuery 实现图片放大两种方式
摘要：jQuery 实现图片放大两种方式 一、利用css样式表实现，多用于后台显示 1、这种比较简单，利用dom元素的hover实现样式切换 1 <style> 2 img{ 3 cursor: pointer; 4 transition: all 0.6s; 5 } 6 img:hover{ 7 tra 阅读全文
posted @ 2019-12-11 14:50 落日长烟 阅读(2352) 评论(0) 推荐(0)
jQuery的三种写法
摘要：jQuery的三种写法 jQuery一共有三种写法，写法如下： 其中，第一种是简写方式，也是我比较喜欢用的一种 阅读全文
posted @ 2018-12-05 11:46 落日长烟 阅读(4391) 评论(0) 推荐(0)
一个form表单对应多个submit
摘要：一个form表单多个submit 在平时项目开发过程中，经常会遇到一个form表单对应多个submit提交的情况，那么 ，这种情况应该怎么解决呢，也很简单，这时候就不能用submit来提交了，可以通过js的点击事件来触发提交 格式如下： 特别提醒的是：form表单一定要添加上name属性，以通过do 阅读全文
posted @ 2018-10-25 17:32 落日长烟 阅读(8312) 评论(0) 推荐(0)