记住用户名密码
使用css怎样做一个伸缩input搜索框效果？在实际的项目中，我们常会遇到搜索框的实现需求，下文实现的搜索框效果是可伸缩的搜索框，实现效果如下，这里会使用到css3+贝塞尔曲线这个效果。
核心代码就是 transition: cubic-bezier(0.68, -0.55, 0.27, 1.55) all 1s; 通过 transition 属性的 cubic-bezier（贝塞...
效果图：
代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
...
marquee(文字滚动)标签
marquee简介
<marquee>标签,是成对出现的标签,首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。
<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。
marquee属性
...
在我们自己设计网页的时候，为了好看美观，颜色可谓是最让人头疼的一部分。尤其是在配色上又找不到一些好看的网站。今天我就来记录一些好看的渐变式背景，和一些常用的颜色网站。
CSS 渐变使可以显示两种或多种指定颜色之间的平滑过渡。让我们来玩一玩，看能玩出什么花来。
CSS 定义了两种渐变类型：
一、线性渐变（...
CSS 设置文字只显示一行，多余显示省略号
.view-text{
/**
思路：
1.设置inline-block属相
2.强制不换行
3.固定高度
4.隐藏超出部分
5.显示“……”...
功能点
1、点击“更多”出现弹出框
2、点击下拉列表触发回调
3、点击空白区域收起弹出框
效果演示
PS：鼠标右键效果图`另存为`到本地 ，再将图片后缀gif改为rar即可得到完整代码压缩包。
实现思路
1、提前声明弹出标识做判断；
2、通过jQuery的has()、is()或其他类似方法判断点击的是弹出层以外的空白区域。
HTML&nb...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style>
.red-point{
...
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>复选框美化(Modal)</title>
<style>
.check-wrap { position:&nbs...
一、HTML代码如下：
<img class="comment_pics" width="50px" height="50px" src="img/01.jpg"/><div class="bg">
<img class="bgImg" style="max-width: 100%;&nb...