标签 [ 代码 ] 下的文章

Sublime Text 3快捷键汇总

选择类
Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。

Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。

Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。

Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。

Ctrl+Shift+M 选择括号内的内容(继续选择父括号)。举个栗子:快速选中删除函数中的代码,重写函数体代码或重写括号内里的内容。

More »

鼠标滑过图片背景色半透明显示文字

因为要用到这样一个效果,http://yxp.163.com/cindex/iframeMail2/ 懒得写代码,随便搜了下,找到下面一段代码,修改下就能用。大家也可以把网址中的代码另存,研究这里面的代码,这是网易邮箱内的一个调用页,所以垃圾代码不会太多。有空我精简下放上来。

鼠标滑过图片显示半透明文字,边框变色代码


两段兼容的控制图片宽度/高度的CSS代码

简单是max-width:就可完成图片最大宽度得限制,但是由于ie6不支持max-width只能通过expression来实现。
下面两段代码效果是一样的,我用的没问题,具体特色大家自行测试。第三段对高度同时做了限制。

代码如下:

img {max-width:400px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 400 ? "400px" : "auto"):"auto"); display:inline !important;}
.img{ 
max-width: 200px; 
height:auto; 
width:expression(this.width > 200 ? "200px" : this.width); 
}


第三段对高度同时做了限制。

.img{
max-width:201px; 
max-height:136px;
width:expression(this.width > 201 && this.width > this.height ? '201' : auto);
height: expression(this.height > 136 ? '136' : auto);
}


“返回顶部”精简代码,兼容各种浏览器

从网上找了一段返回顶部的代码,兼容性不怎么好,谷歌浏览器下不显示,IE6下不跟着屏幕动

修改了下发布上来,本人计算机上的搜狗、谷歌、FF、IE6/7/8、Opera、遨游……基本都测试过,不存在任何问题。演示效果见本站。

CSS代码:Body里面的不加也可以,只是IE6下面滚动的时候会抖。

/*返回顶部样式*/
body{background:url(images.gif) fixed;}
#goTopBtn {
POSITION: fixed; _position:absolute; _top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight); TEXT-ALIGN: center; LINE-HEIGHT: 50px; WIDTH: 20px; HEIGHT: 50px; FONT-SIZE: 12px; CURSOR: pointer; left:50%; bottom:0; margin-left: 480px;
}

More »

CSS实现鼠标滑过图片出现半透明效果

由于个人的一些需要,想通过CSS的方式来实现鼠标滑过图片出现半透明的效果,用JavaScript来实现是比较简单的,但是这里只分享如何用CSS来实现。
CSS中有个opacity属性,可以针对透明来设置,但是它只是对FireFox、Chrome等非IE内核下好用,在IE下并不是很好用。但是CSS下还有一个不常用的属性叫做滤镜filter,这个在IE下就好用。将opacity和filter属性结合一下,就可以实现鼠标滑过出现半透明效果了。

那么对应的CSS的写法如下:

.item1 a:hover img {

opacity:0.7;
filter:alpha(opacity=70);

FF下CSS自动撑高的代码(非min-height哦)

很多时候,我们设置height为aoto是不起作用的,原因是div里的框架撑不起外部的div,今天在帮bo-blog修改皮肤的时候遇到了为mainWrapper加了边线,但FF下一直无法显示,原因就是mainWrapper无法被内部的内容撑起来,给其定义高度自然可以显示,但高度我应该定义多少呢,没办法定义。困扰了两天,刚整理了一段代码,大家根据自己的情况拿去用吧,里面有多余代码精简起来也不费神,我说了,根据自己的情况拿去用。

.clearfix:after{display:block; content:"."; visibility:hidden; font-size:0; height:0; clear:both; line-height:0;}
.clearfix{height:1%;zoom:1;}

More »

Dedeeims去掉当前位置的简体/繁体中文和EngLish

以前在论坛上面给别人回帖过这个问题的解决方法,但之前的那个解决太费事了,还要修改数据库。。下面给大家一个很简单的解决办法。看操作吧。

1.打开include/typelink.class.php文件。
2.找到其中的92行 和 102行两处地方。
3.默认92行和102行两处内容为:

$this->IndexLink = "<a href='{$turl}'>{$this->LangName}</a>";

我们现在修改为:

$this->IndexLink = "";

也就是把其中的链接去掉了。。
4.当你更新后虽然效果出来了,但效果为“主页 > > 公司简介”也就是中间多了一个>这个符号,这是因为我们在模板中没有做修改。
在模板中当前位置的代码为:

<ul id="position">
<li><a href="{dede:global.cfg_clihost/}">{dede:lang.indexname/}</a></li>
> {dede:field name='position'/}
</ul>

看到后面的这个“>”了吧。哈哈。。直接删除这个">"就可以了。。
5.再更新一下看看效果吧。

最新文章

最近回复

链接