网站常用效果

设置透明度:(不影响层内容)background-color:rgba(255,255,255,0.15);

蓝色三角形:

.caret { width: 0;height: 0; border-width: 0 20px 20px; border-color: transparent transparent blue;border-style: none dotted solid;}

<div class="caret"></div>

修改input  readonly的样式

input[readonly]{}

最多显示两行,超出后显示...的写法:
    word-wrap: break-word;//可不写,这是英文单词换行的写法。
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

文字换行问题:
强制换行
    word-break: break-all;   只对英文起作用,以字母作为换行依据。
    word-wrap: break-word;   只对英文起作用,以单词作为换行依据。
    white-space: pre-wrap;   只对中文起作用,强制换行。
禁止换行
      white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
 
chrome中input输入框背景为黄色:
-webkit-box-shadow: 0 0 0px 1000px white inset;


返回Top的写法:
$("html,body").animate({scrollTop:0},1000);
$("html,body").animate({scrollTop:$("#qy_name").offset().top},1000);//1000是ms,也可以用slow代替

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lingshan_love/article/details/51536082
个人分类: web前端
想对作者说点什么? 我来说一句

非常漂亮网页常用效果js

2009年04月09日 114KB 下载

flash滚动图制做

2008年11月03日 108KB 下载

10个常用的jquery特效

2008年12月13日 438KB 下载

发光的按钮&nbsp;

2002年10月14日 9KB 下载

KX3552 5.1 常用效果

2016年03月19日 25KB 下载

没有更多推荐了,返回首页

不良信息举报

网站常用效果

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭