网站常用效果

原创 2016年05月30日 10:29:12

设置透明度:(不影响层内容)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代替

版权声明:本文为博主原创文章,未经博主允许不得转载。

常见40个常用的js页面效果图

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 no 可用于Table 2. 取消选取、防止复制 3. onpaste=...
  • echocdzh
  • echocdzh
  • 2015年12月14日 15:34
  • 1803

前端交互开发微体验--总结了一些国内外炫酷的网站

前端交互开发微体验
  • qq_26445509
  • qq_26445509
  • 2016年05月18日 11:44
  • 7895

Android开源特效常用链接大集合

*本篇文章已授权微信公众号 guolin_blog (郭霖)独家发布 “工欲善其事,必先利其器”。我将github上的常用android特效总结了一下,给大家分享一下,免得在网上一头雾水找不到自己想要...
  • Jiang_Rong_Tao
  • Jiang_Rong_Tao
  • 2016年05月17日 16:15
  • 8124

分享购物网站中常用的一款放大镜效果(产品细节展示)

发现程序猿写博客前都喜欢吐槽一下,也难怪,平时交流少了,内心积累了不少的骚气,是应该适当发泄一下。 哥要发泄了:目前在广州蜂众网效力,这是一家刚创立不久的公司,哥喜欢接触一些新公司,活力充足,发...
  • binyao02123202
  • binyao02123202
  • 2014年02月11日 22:56
  • 2463

常用CSS跟JS效果整理

  • 2014年11月15日 11:47
  • 590KB
  • 下载

几种常用Android Progress效果

  • 2016年05月19日 17:12
  • 1.23MB
  • 下载

常用的jquery 插件. 漂亮的jquery 效果

  • 2010年04月25日 15:13
  • 14.1MB
  • 下载

常用页面效果

  • 2008年07月19日 21:30
  • 121KB
  • 下载

50 个jQuery 实例(包含各种常用网页效果)

  • 2012年07月28日 15:46
  • 4.75MB
  • 下载

常用动画效果 Animations

  • 2013年05月29日 23:55
  • 5.24MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网站常用效果
举报原因:
原因补充:

(最多只允许输入30个字)