首页小程序CssJsphotoshophtml5seonet设计教程学习前端在线转换工具联系我

相关搜索 >> 文字

  • 0327input文字超出宽度用省略号显示阅读(16004)条2018/3/27 13:45:34

    有的时候的某段文本太长了，会影响整个的布局，很多人用动态语言来解决这个问题，但必须区分中文和英文，因为中文相当于两个英文字符长度，这样不仅繁琐，而且加重了服务器的负担。其实，我们完全可以使用CSS完美解决这个问题，单行比较好解决，多行由于只兼容webkit内核的浏览器所在不在这里讨论。语法：text-overflow : clip | ellipsis参数：clip : 　不显示省略标记（...），而是简单的裁切（clip这个参数是不常用的！）ellipsis : 　当对象内文本溢...阅读全文

    Taget：css ellipsis 裁剪 

  • 1225js文字从右往左无限滚动 支持PC，移动端阅读(15718)条2017/12/25 10:49:31

    一、概述：关于文字滚动插件太多，PC跟移动端使用来能同时兼容的并不多，基于以上原因自己还是动手写了一个单纯的文字从右向左滚动的DEMO，思路来源于上一篇《小程序 文字从右往左无限滚动》。一个页面支持多个滚动。二、实现过程：1、解决思路：如果宽度滚动小于文字内容宽度，则滚动，反之停止。默认是只有一条标签，但是在实现过程中需要最好需要二条来实现，所以js会自动添加一条相同的内容。滚动的时候最好的方法不是让它滚完，而是当第一条滚动完...阅读全文

    Taget：js 插件 滚动 

  • 1207小程序 文字从右往左无限滚动阅读(23798)条2017/12/7 16:20:21

    一、概述：由于小程序里面使用的都是变量控制，所以使用起来比较难掌握，今天做了一个文字从右向左滚动的实例，写法比较简单。效果如下图所示：二、实现过程：1、解决思路：一共两个text控件，当第一个text滚动完后应该是看到第二个text控件了，但是在这个时候最好的方法不是让它滚完，而是用重新又从第一个text控件开始滚动，控制起来超级简单，基本实现了跑马灯的效果，另外加了一个如果文字不足一屏，不执行跑马灯的效果，而且添加了超大的间距，解决...阅读全文

    Taget：小程序 实例 滚动 

  • 0826完美 全兼容 解决 文字两端对齐 justify阅读(6509)条2016/8/26 11:05:43

    text-align:justify; 所有浏览器都支持，text-justify之类的却只有IE支持，就不要考虑了。justify我的理解，使元素内部的子元素两端对齐，子元素当然只能是inline或inline-block。但justify对最后一行是无能为力的。我们在对齐姓名时，因为只有一行，当作最后一行，所以不会两端对齐的效果。姓名对齐我们比较常用的是 （半个中文空格）， （一个中文空格）来添充两个字，三个字的姓名，使包括四字的姓名都能对齐。例如： 欧阳大...阅读全文

    Taget：对齐 兼容 css 

  • 0317css图片文字水平垂距中阅读(5744)条2016/3/17 22:16:22

    一、本文概述想必大家在做效果的时候经常会碰到文字会垂直距中的效果，单行、多行混合的情况，单行距中已无问题，height,line-height又或者padding:上下相同即可。在网上搜索到不少资料，本人实践后的经验是父级标签属性：display:table-cell;vertical-align:middle;距中标签元素：vertical-align:middle;display: inline-block;使用以上两个技巧即可以使得标签内的文字或图片垂直距中。当然这些使用的同时会有些属性会干扰到垂直距中，如：pos...阅读全文

    Taget：css 图片 文字 距中 

  • 0325jq插件之文字左右滚动后延迟再滚动阅读(9767)条2014/3/25 14:11:05

    今天做了一个关于JQ的文字滚动插件，每条滚动后停顿N秒后继续滚动。效果不错，本插件支持一个页面N个相同的特效。在这里分享给大家。效果如下图：源代码如下：(function(f, d, a) { d.fn.scrollGrid = function(k) { var l = d.extend({ perScroll: 1, speed: 14, interval: 4000 }, k || {}); return this.each(function() { var n = d(this), ...阅读全文

    Taget：jq 插件 文字 滚动 

  • 0109ie7+背景透明，文字不透明超级简单的方法阅读(6690)条2014/1/9 17:16:43

    如果你现在还在为背景透明文字不透明而发愁的话，建议你来看看。当然IE6我已经放弃了，所以不要说不用PNG8的图片这样在IE6下没有效果，当然你也可以用滤镜。本人不建议使用滤镜。因为这样可能会出现其它问题！（如无法点击等等问题）做前端最怕的就是BUG，特别是IE６。滚蛋IE6！本文的核心就是利用PNG32透明图片来做背景然后平铺背景就行了。这样就不会存在背景透明文字也透明了。这样做起来超级简单你们说呢！图片只需要调整透明度即可。在PSD中把图...阅读全文

    Taget：css 背景 透明 

  • 0724jquery文本框默认文字点击消失的效果阅读(15294)条2013/7/24 9:22:33

    今天介绍的是一款挺实用的jQuery特效，应用于表单上十分人性化，jquery文本框默认文字点击消失的效果，当用户点击表单的时候，显示在文本框内的提示文字即刻消失，不点击的时候重新出现，目前这种功能应用也十分广泛。附代码(底部)。效果一：聚焦时提示语消失效果二：输入时提示语消失代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...阅读全文

    Taget：jq 文本 特效 

  • 0715js文字无缝左右滚动,可添加多个DIV阅读(33844)条2013/7/15 9:29:44

    js文字滚动的代码太多了，但不一定实用，所以继续做了一个无缝滚动的文字，但是这个方法更方便，而且兼容性好。只需要要调用div的ID即可滚动,可重用性更强了。提醒 滚动div的属性必须要定义一个可以滚动的宽度如(width:100px)，然后就是超出隐藏(overflow:hidden;)这两个属性必须同时存在。下面一则实例可以看到很好的效果<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...阅读全文

    Taget：文字 滚动 js 兼容 

  • 0428js显示漂亮的英文字体实例阅读(10915)条2013/4/28 13:31:54

    上一篇中讲到了 【js字体库用canvas绘制效果 】效果看上去挺好看的。cufon 类库的作用是将网页上的文字按设定的字体在 canvas 上绘制出来，这样效果显得非常酷。现在来教大家如何使用这些来实现你的字体美化。(底部附HTML代码)一、准备好cufon-yui.js ；二、准备好一个JS的字体库（本实例使用 imagine font，当然你也可以使用多种字体效果使用方法是一样的）；三、就是编写HTML了；<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti...阅读全文

    Taget：js canvas 字体 实例 

  • 0406css中如何使div居中(垂直水平居中)阅读(7480)条2013/4/6 14:19:47

    如何使DIV居中,div垂直居中,div水平居中.主要的样式定义如下：body {TEXT-ALIGN: center;}#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }说明：首 先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定 时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”需要说明的是，如果你想用这个方法使整个页面要居...阅读全文

    Taget：css 文字 距中 

  • 1203CSS ::selection选中文字后的效果阅读(8264)条2012/12/3 14:06:00

    如何选择文本时，背景是红色，而文本是白色的问题，其实是用CSS样式控制的。效果图如下所示：::selection -- CSS ::selection 伪元素，定义用户鼠标已选择内容的样式。下面介绍一下selection对浏览器的兼容情况：CSS E::selection 伪元素浏览器兼容性选择符IE6IE7IE8IE9FFCHOPSAE::selectionnononoyesyesyesyesyes 或许大家对这样的实现并不陌生，可是有很多童鞋可能跟我一样，并不知道是如何实现，因为在默认情况下，选择网站文本都是深蓝...阅读全文

    Taget：css 选中字体 特效 

当前第  1  页 / 共  2  页  总共17条记录  

12

友情链接更多>>

九江讯城建设工程有限公司

copyright ©2008-ok22.org - ALL RIGHTS RESERUED -TEMPLATE CREATED BY CHARRY-may 3,2010 粤ICP备13053249号-1