
前端
Darling小小酥
这个作者很懒,什么都没留下…
展开
-
仿生Select
$(function(){ $('.select').on('click','span',function(){ $(this).text(); $(this).addClass('active'); $(this).next().slideDown(); return false; }) $('.select').on('click','ul li',function(){ var txt = $(this).text(); $(this).parent().prev().t原创 2021-07-26 12:25:40 · 115 阅读 · 0 评论 -
swiper-缩略图多次使用-左右方向
//预览图 $('.banxue-item .gallery-thumbs').each(function(i,ele){ window['galleryThumbs'+i] = new Swiper($(ele), { spaceBetween: 10, slidesPerView: 4, }); var prev = $(ele).find('.swiper-button-prev'); var next = $(ele).find('.swiper-button-ne.原创 2021-07-05 23:39:57 · 925 阅读 · 1 评论 -
琢磨select原生附加标签一起,避开第一选项无法选中的现象
change事件是在选项改变时才会触发,页面加载后默认就是第一项被选中,这时你点了第一项,选项并没有改变,事件就不会被触发可以在页面加载后让它没有选项被选中 <div class="item-select"> <span>选项一</span> <select name=""> <option value="">选项1</option> <option value="">选项2</.原创 2021-05-15 01:07:13 · 243 阅读 · 0 评论 -
多行文本溢出显示省略号(...)的方法
文章来源:http://c7sky.com/text-overflow-ellipsis-on-multiline-text.html现在的浏览器都支持text-overflow:ellipsis属性,用来实现单行文本的溢出显示省略号,但是这个属性并不支持多行文本。那么有没有方法在多行文本上实现同样的效果呢?-webkit-line-clampWebkit支持一个名为-webkit-line-cl原创 2016-12-11 20:41:02 · 244 阅读 · 0 评论 -
jQuery tab切换收集
1.切换一$(".tab_content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); $(t原创 2017-01-16 20:59:12 · 361 阅读 · 0 评论 -
前端用到的代码(更新中……)
1,让 IE9 以下支持html5和媒体查询(ps:本地浏览不出效果,需要在服务器下浏览或者直接使用bootstrap链接。) <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="http://cdn原创 2017-01-17 13:56:57 · 850 阅读 · 0 评论