ai09855-CSDN博客

转载 layui表格和弹出框的简单示例

<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>demo</title><lin...

2018-06-15 11:16:00 637

转载 css超简单实现div页面居中【适合做弹出框】

1.前言现在项目中用到弹出框的话大部分都是直接用控件的。不过有控件虽方便，但有时候会有冲突的地方。我上次用layui的弹出框控件，然后也用到了百度的编辑器uEditor，然后一切都好好的，结果编辑赋值不成功。我也不知道什么问题。如果有知道原因的大神，求赐教！所以说一旦有不兼容的弹出框，就自己画了。画多了，就习惯了。今天就分享一个方法【但是这个方法的原理我竟然琢磨不透！】2.详...

2017-08-15 09:44:00 546

转载如何简单方便的用字体代替页面中常见常用的小图标小按钮（上）

一、前言今天要学习的内容：今天主要是稍微总结一下，页面中如何用字体代替图片，省事，省时，方便，实用！小苏啰嗦：人都是有惰性的。真的。刚开始我们有一个经验丰富的美工，加上我们关系又非常好，以至于每次我都是等着她把设计图给我，我才开始码html。遇到图片的地方，会切的就自己切了，不会的，就直接让美工切图给我。成了一个不动脑子的码农！现在，美工换人了，新的美工太忙了。加上可能对我们...

2017-08-11 17:54:00 212

转载那个小酒窝女孩（上）

1.前言早上起来对着镜子梳头发的时候，发现掉了两根头发，有点长，粘在手上，本来想着直接扔到洗手池里，但想着，这样不好，容易把洗手池堵住，还是扔到垃圾桶吧。这时候，一转身，看见小侄女手里拿着一个发卡看着我。这个小姑娘5岁。天天早上起来说要给我打扮。2.正文小姑娘现在还在上幼儿园，放假了，觉得无聊，要来我这里玩。我每天下班回家，她就要拉我回房间说悄悄话，还不让别人听。让我今天...

2017-08-08 14:53:00 120

转载 css简单实现五角星评分、点赞收藏、展示评分（半颗星、1/3颗星）

1.前言之前做的好几个项目中，都会遇到打分，评分，点赞这样的需求，写了很多次，每次需要再写的时候，就会翻出之前写过的代码，然后copy过来。总觉得这样的话没有进步，没有把知识放进脑袋里，所以，自己花了2个小时，把这三种类型的需求自己写了demo并做了演示，这样的话，感觉一字一字敲出来的代码，确实是到了脑袋里了。之前一直崇尚写简单的博客，也将五角星评分、点赞收藏、展示评分写成了三个简单...

2017-08-03 10:12:00 1031

转载用css3的cursor:zoom-in/zoom-out实现微博看图片放大镜效果

1.前言CSS3的出现解决了很多让人头疼的问题，至少我想很多童鞋都这样认为。css3的cursor属性大家用的应该是非常的多的，我想用的比较多的像cursor:pointer;cursor:help;cursor:text;等等。很少人用到cursor:zoom-in/zoom-out;今天就来讲一下这两个属性值的用法。2.简介 cursor的定义和用法　　cu...

2017-08-02 09:55:00 417

转载完整版ajax+百度echarts实现统计图表demo并随着窗口大小改变而自适应

1.前言百度Echarts会常用到我们的项目中做统计，api很详细，demo也非常之多，我们常用的是应有尽有了，做一些小项目的时候，百度echarts的demo已足够用了。今天呢。主要是跟小白讲一下，如何用ajax+百度Echarts实现我们动态数据的绑定呢？2.详情写一个很全的demo.接口的url自己换，数据结构自己换。1.引入百度echarts库<scrip...

2017-07-31 10:50:00 178

转载手把手教小白如何用css+js实现页面中图片放大展示效果

1.前言很多童鞋会在项目中遇到一些上传图片，展示图片的操作，但是图片呢有大有小，为了页面的美观，有时候我们需要将图片展示成固定宽高度，但是呢，领导就会说，我想看大图片，怎么办？想看就看呀，来来来，我教你！2.详情说太多也没有用，直接贴上代码。新手小白，可以直接复制代码到本地运行。需要注意一下几点将代码中的jquery.js的库文件链接改成自己的路径将图...

2017-07-31 09:49:00 162

转载完整版文本框即时输入数据监听并下拉显示匹配数据

1.前言好多小童鞋，对以jq为主的前端并不是特别熟悉，但并不代表你是菜鸟，说不定你是其他方面的资深老司机，好吧，我才是菜鸟，今天主要写一个完整的demo来看看怎样文本框+下拉框即时匹配数据。2.详情还是那句话，不说太多废话，直接代码来。如果你是新手，可以直接copy成.html格式的文件，本地预览看到效果，如果看不到效果，那说明什么呢？<!DOCTYPE html&g...

2017-07-28 17:15:00 274

转载进阶篇之纯css+字体实现五角星（半颗星）评分

1.前言之前写了一篇实现五角星打分效果的demo。这个demo用来实现打分效果绰绰有余，那么有时候我们在统计评分的时候，就会有半颗星或者1/3颗星星这样的那要如何实现呢？来来来，纯字体+css实现！2.详情1.下载字体webFontIcon我不会把压缩文件上传，会的童鞋可以教教我，感谢赐教，这样我就可以把字体上传以供大家下载了。2.css样式 .clea...

2017-07-28 14:17:00 289

转载 html超级简单实现点赞（收藏）和取消赞效果

1.前言我们经常会遇到对一些列表呀进行点赞呀收藏数据等效果呀。今天就用html+css实现超级简单易上手的点赞和取消赞的demo展示。2.详情1.css样式.like{ font-size:66px; color:#ccc; cursor:pointer;}.cs{color:#f00;}2.html内容<p class="like">&amp...

2017-07-28 14:10:00 528

转载简单实现大方接地气的五角星评分

1.前言如何在页面中实现五角星评分呢？鼠标放上去有动态效果并可以点击。来来来，demo走起来！2.详情1.css样式.cleanfloat::after{display: block; clear: both; content:""; visibility: hidden; height: 0;} ul li{list-style:none; float:left; f...

2017-07-28 14:03:00 161

转载 css实现接地气的checkbox框

1.前言我做的项目中，很少默认用原生的样式，甚至连下拉框都很少用select框，不过，原生也有原生的好处，来得快，没有什么大问题。如果是自己用html+css去拼接的话，样式会好看一点。不过应人而异了。我还是比较喜欢去拼接一些。那今天就教大家如何在自己的项目中做接地气的checkbox框呢？2.详情1.css样式body{font-family:'微软简行楷'}ul l...

2017-07-27 11:24:00 92

转载完整版百度地图点击列表定位到对应位置并有交互动画效果demo

1.前言将地图嵌入到项目中的需求很多，好吧，我一般都是用的百度地图。那么今天就主要写一个完整的demo。展示一个列表，点击列表的任一内容，在地图上定位到该位置，并有动画效果。来来来，直接上demo2.详细流程1.引入文件<script type="text/javascript" src="http://api.map.baidu.com/api?v1.5&a...

2017-07-21 14:59:00 730

转载百度地图api将可视区域定位到当前所在位置

1.前言开头不说点什么，总是有点不习惯。还是说点什么吧，关于百度地图，我用的次数还是比较多的，没办法，需求呀。好吧，在用百度地图的时候，确实有过很多需求，不过好在百度地图很强大，每次需求在探索后都能满足功能。以后将百度地图中所遇到的一些常见的功能整理一下，也方便一些童鞋参考。我的有一个项目中，就是要一开始将地图的可视区域定位在当前位置。其实很简单，网上一搜一大堆。2.详情说的再多，...

2017-07-19 18:11:00 427

转载当日历遇上奇葩需求

之前做过一个短租的项目，一些精美的图片加上页面设计，整体出来的效果还是让人很满意的，所以说，现在软件行业不好混了，都是“看脸”的时代了。做的不好看的统统要被pass掉的。所以现在各式各样的网站都在追求美呀！之前做的项目中，有一个是要显示日历并显示相关内容，还可以操作日历的。好吧，只有想不到的，没有做不到的，总之，我就用html+css画了这样的一个日历，看上去其实还是可以的吧。当然了...

2017-07-13 18:26:00 71

转载新手如何正确开启页面与后台数据的交互之路

如果你是一个新手！如果你已经学会了如何运用html+css绘制出想要的页面！如果你也基本学会了jQuery！这个时候，你可以写页面之间的交互了！那么初学者写页面交互要注意哪些事项呢？下面我就跟初学者浅谈一下如何将所需要的数据录到后台数据库中，当然了，前提是后台开发者已给你写好了这样的一个接口，你去调用！那么在调用接口之前，我们要做什么呢？我们一定要做好调接口之...

2017-07-13 16:29:00 110

转载浅谈js中如何动态添加表头/表列/表格内容

我想很多童鞋用js动态向表格中添加数据很熟悉，而且也觉得非常简单！是的，对于写页面的童鞋来说，最喜欢写查询的页面了，动态向表格绑定数据。用for循环就可以轻松搞定。如果我们的业务需求有所变化，可能我们要的数据就不是这样一条一条的中规中矩的。如果你还是新手，又没有人教你，在网上又搜不到方法，可以告诉你一个简便的方法，那就是让后台写服务的同事在后台把数据拼接好返回给你，当然了，这种无理的...

2017-07-13 16:27:00 2029

转载浅谈layer.open的弹出层中的富文本编辑器为何不起作用！

很多童鞋都喜欢用贤心的layui框架。是的，我也喜欢用，方便，简单。但是呢，有时候项目中的需求会不一样，导致我们用的时候，显示效果可能会不一样，好吧。这样的话，个别遇到的问题总是解决不好，但是呢还是那句话，多研究一下，就都会有解决方法的。最近做的项目需求就是富文本编辑器要在弹出框中显示，好吧。本来以为可以没任何阻碍，后来发现编辑器在弹出框中总是不灵活，甚至图标都打不开。我想很多童...

2017-07-13 16:23:00 711

转载说一说Jquery中的empty()与remove()的区别和用法

今天在改一个新人写的代码，好吧，我承认改代码比自己写代码要来的痛苦。主要是在测试一个table。table中有一列是删除操作。我的删除功能是这样的，当点击删除的时候，判断这个table中的tr行是否大于1，如果等于1的话，我就查询上一页的数据（因为此页仅有的一条数据将会从数据库中删除）。如果大于1的话，就继续重新查询这条数据。（本来以我的作风就不再调用查询接口查询数据，我会直接将t...

2017-07-13 16:17:00 97

转载浅谈js分页的几种方法

一个项目中必然会遇到分页这种需求的，分页可以使数据加载更合理，也让页面显示更美观，更有层次感！那么js分页到底如何实现呢？下面我就来讲一下三种循序渐进的方法1.自己纯手写分页更深入的去理解分页的意义如分页的原理，其实，尝试自己去写一些分页方法是再合适不过的了，可以封装成一个分页方法，但是呢，这里呢，我就写一下最简单的指定的分页方法，就不去封装了。就以下图为例：...

2017-07-06 14:57:00 84

转载浅谈jQuery Pagination Ajax 分页插件的使用

插件介绍此插件是jQuery的ajax分页插件。分页切换时无刷新也无延迟，因为是一次性加载的。如果你用到此插件作分页的时候，涉及到的数据量大，建议不要使用此插件，因为加载慢会导致用户体验不好！插件使用此插件使用比较简单。主要引入以下文件就可以用了1.jquery.js依赖库2.pagination.css 这个主要是样式，我们在元素使用的时候将分页列表放在class类为p...

2017-07-06 14:51:00 134

ai09855的博客