鼠标滑动到网站导航栏时,出现阴影特效。先给出demo地址:http://songker.com/Code/htmldemo/NavMenu.html 。
最近做了一个企业网站,右侧自动加载一个导航浮动层,随着网页上下滚动到某些模块,自动添加右侧导航栏对应项目的浮动效果。
刚开始自己做了一段JS代码,但是要在每个使用的页面复制同样的代码的话,代码量也比较大了。所以准备自己做一个右侧面板滚动插件。特将编写过程写出来,第一次写jquery插件,轻拍..
想找手机的404相关页面,找了半天没找到合适的,干脆自己写一个算了。新鲜出炉的手机404页面模板下载,在线演示地址:http://songker.com/Code/404/error.html。
之前一直没时间开发博客的手机网站,最近也花了一点时间学CSS3自适应相关文章,所以准备开发博客的手机自适应版本,花了半天时间将博客改了一下。期间也碰到了许多的问题,所以将这个手机博客的自适应开发过程写下来。
最近为博客开发了手机版的自适应布局,在Chrome下的手机浏览器模拟环境挺正常的,但是在某些浏览器下则无法加载自适应布局文件。
通过手机版的调试最后找到了问题,现在就把如何在PC电脑上调试手机网站教程写下来。
在编写前端程序的时候需要与用户进行键盘交互,如果自己写检测用户按键代码,会造成各个不同浏览器的兼容性问题。
我们可以使用jQuery Hotkeys plugin这个Jquery库来实现效果,以兼容不同的浏览器。jQuery Hotkeys plugin的GitHub。
SQL编写存储过程。碰到需求,需要修改存储过程里的临时表的结构,执行操作时,一直提示在插入数据的那一行“列名或所提供值的数目与表定义不匹配“,死活通过不了修改。
昨天对公司的网站进行了IE低版本的适配调整,调整了IE8以下的浏览器布局混乱,层次覆盖等等问题。一天的调整,整理结果如下:
1、CSS hack:区分IE6、IE7、IE8、Chrome、Firefox、Opera等
由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。
IE低版本 (IE系列)都可以支持“*”,其他不支持
IE6能识别"_",但是IE7及其他不支持。
IE6不支持!important,其他都支持
IE7、IE7支持 {+color:#fff;},IE8及其他不支持
<!--[if IE]>这段文字只在IE浏览器显示<![endif]--> <!--[if !IE]>这段文字只在非IE浏览器显示<![endif]-->
<!--[if IE 6]>这段文字只在IE6浏览器显示<![endif]-->
<!--[if gte IE 6]>这段文字只在IE6以上(包括)版本IE浏览器显示<![endif]-->
<!--[if ! IE 8]>这段文字在非IE8浏览器显示<![endif]-->
在网站中适时的使用图片延迟加载,可以减少请求,显著的提高多图片页面的加载速度。这也需要适当的使用图片延迟加载,图片延迟加载和无限下拉加载一样,对js支持不太好的搜索引擎都是一个非常坏的功能,虽然大幅度的提高了网站的访问速度,但是搜索引擎也搜索不到了。
jQuery图片延迟加载Lazyload。代码:
Jquery在1.6版本的时候在CheckBox属性获取这一块有些许更新。
OBJ.attr('checked'): 在1.6之后的版本,所获取的值是 "checked"/"underfined" .
List在.NET里面使用得非常频繁,但有好多人不了解它各种小用法。我就一直记不大住...
asp.net中List的简单用法,例如...
Touchslider主要用于网页幻灯片,手机端滑动等方面。功能强大,支持触摸屏触摸滑动,普通桌面网站鼠标点击滑动;兼容性好,适用于主流的桌面及移动(基于Weibkit)浏览器;流畅性,Android 和 iOS 等移动平台上的交互表现非常流畅,无任何卡顿现象。通过Touchslider交互脚本+CSS3可以写出一流的炫酷的幻灯片、滑动模块等多种交互效果。
刚刚在接触到display: flex;这个css属性。伸缩容器(flex containers)是一个HTML标签元素,需要“display”属性显式的设置了“flex”属性值。在伸缩容器中的所有子元素都会自动变成伸缩项目(flex items),即Flexbox布局由一个伸缩容器(flex containers)和在这个容器里的伸缩项目(flex items)组成。