09 2012 档案
摘要:隔行换色在显示数据的时候用的比较多。jquery整自己的小站的后台用的比较多。一片片哗啦啦的数据要是单一一个颜色,看的有点纠结。jquery博客整个jquery实现隔行换色效果。其实很简单,无非要么用到mouseover,mouseout,要么用到hover;属性搭配addClass removeClass。在线效果DEMO转自 jquery效果 http://www.jqueryba.com/290.html
阅读全文
摘要:jquery博客依然整3D地图,火狐 谷歌 IE 7 8 9搞定了,依然剩下,蛋疼的IE6。为了确保快速上线,不得不选择css hack因为有些div宽度是根据屏幕宽度js判断了。傻眼了,连css hack都不好整。可恶的IE6,为了折腾你,已经耗了一上午。真不是一般的恶心,没法做javascript 给ie6来个判断吧。jquery API中$.browser 浏览器内核标识 可用值: safari opera msie mozilla$.browser.version 浏览器渲染引擎版本号 典型结果: Internet Explorer: 6.0, 7.0 Mozilla/Firefox/
阅读全文
摘要:CSS Hack 不得不在一些项目中运用到。jquery博客也遇上了,关于二次开发的一个3D地图,其实也想好好写代码兼容,苦于上头要东西,短期不可能实现,没法子,回归css hack 吧。为了调试尼玛的3D地图,不得不安装了IE9,搭配着IEtest方便照顾IE全家。firefox chrome safari operaHack 的顺序一般使用 Firefox 作为平台, 只要代码写得够标准, 其实要 Hack 的地方不会很多的, IE 以外的浏览器几乎都不会有问题, 所以可以暂时忽略, 顺序如下:Firefox -> IE6 -> IE7 -> 其他Hack 的用法说到方法
阅读全文
摘要:日子一天天过的好快,小时也是。本来jquery博客,准备再看看javascript的,一会咨询这个那个,耽搁了。自己小站代码还没写完,惆怅。还多事情等着做。一时半活的无法解决,实现。哎,不抱怨了。还是做点事情吧。单行滚动,大家应该见到好多。也写个吧,有jquery在短短几行就搞定了。废话就不多说了 在线效果DMEO 速度可以自己慢慢调试。转自 jquery http://www.jqueryba.com/277.html
阅读全文
摘要:Jquery博客做百度联盟快2周了,这个月才几毛钱.想想就没意思.给人家做,还不如打自己的广告呢,指望人家百度能有几毛钱.做的辛苦.自己整个广告吧,反正家里有的是货,不怕不怕.之前百度2012给人感觉 地震似的想整个类似jquery效果,没时间,没精力。感觉和地震耗上了,也弄个震动的。不过没百度的震撼,我就上下震动个,意思下。主要使用的是animate,if 判断,哦了,就具体移动,设置时间。是否震动的和谐,设置好top 时间数值,直到改到亲满意就OK。快要下班了,整的有些仓促。在线效果DEMO转自 jquery http://www.jqueryba.com/272.html
阅读全文
摘要:jquery的前端开发小站,没弄301重定向,site domiam下,带www的不带www都有,听SEO高手人这样会分散权重的。下面说说301重定向:这是SEO中的一个基础名词,在URL规范化中会用到,也许大家都知道这个名词,但是由于应用的不是非常频繁,导致很多专业做SEO的朋友都不是很熟悉301永久重定向的具体操作方法,今天我就讲解下301永久重定向的理论,以及实际的操作方法.也是为了小站好嘛,重新写吧。因为空间是支持.htaccess的,那改个吧.打开FTP把原来的下载下来,是这个样子得# BEGIN WordPressRewriteEngine OnRewriteBase /Rewri
阅读全文
摘要:jquery家孩子生日终于搞好了,忙活了一天,累的很啊。终于可以坐下来了,闲着没事,整点之前关注的CSS权重。CSS中是使用4位的数字来表示权重的具体权重说明如下:继承的样式:0000内联的样式:1000子选择符:0000通用选择符:0000属性选择符:0010伪类选择符:0010伪类元素选择符:0010类型选择符:0001类选择符:0010权重最大,就优先显示以前关注的少,最近突然发现有些新项目中,为了无缝结合,得需要用css权重大点写,不然压根显示不了。恩,以后多注意适当的时候写下吧。转自 jquery http://www.jqueryba.com/267.html
阅读全文
摘要:jquery每当看到门户上的下拉广告的,觉得很不错,主要是视觉震撼。差不多用于新品发布,等哪天我的小站弄好,我也要类似广告下拉的,昭告天下,有什么活动,有什么产品。来继续说效果原理吧。其实是so easy需要用到的是slideDown与slideUp,下拉与上升。不熟悉的关注下jquery api手册或者看下我这个实例就会明白七七八八。不多说了,在线效果DEMO转自 jquery http://www.jqueryba.com/265.html
阅读全文
摘要:jquery家的宝宝9个月了,为了让亲朋好友聚聚,提前给孩子弄个1周岁生日。忙到现在,才上来,上网,看看东西。不知道要写点什么?还是老规矩弄点简单实用的吧,主要技术有限,研究不深,水的很。一般项目,需求中有些关注文字移动上去有提示吧。就整个这样,欧拉。弄个效果图看看,是否是亲需要的。在线效果DEMO转自 jquery http://www.jqueryba.com/261.html
阅读全文
摘要:今天jquery博客依然加班中,苦比的主。最近在改3D地图,因为不是自己开发的,进程慢,错位多,很是纠结。遇到一个很奇怪的问题,才style中,有个注释,显示不正确了。如/*.sortShowContent .s1{position:absolute;top:27px;left:0;z-index:200;}*/.sortShowContent .s2{position:absolute;top:65px;left:0;z-index:200}.sortShowContent .s3{position:absolute;top:100px;left:0;z-index:200}.sortSho
阅读全文
摘要:自带的都是显示全部的,之前jquery博客,有个关于自家宝宝的文章,乖乖全部显示出来了,纠结啊,那么大图片,打开首页费劲啊。找了些资料,无非是利用插件。从事前端工作的,一般工作中能少用插件就少用,太耗资源了,影响速度。原来是这样的显示的是全部文章内容啦<?php the_content()?>咱使个方法截取一部分吧<?php echo wodewp_strimwidth(strip_tags(apply_filters(‘the_content’, $post->post_content)), 0, 300,”…”); ?>其中300代表 字符个数,这样写的话必须
阅读全文
摘要:规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度.文件规范1. html, css, js, images文件均归档至<系统开发规范>约定的目录中;2. html文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中
阅读全文
摘要:今天根据需求在地图顶部增加一些帮助,返回等链接。奇怪了,把代码移植过去,IE9链接好好的,鼠标过去hover都能出现偏偏在火狐 谷歌浏览器中死活没有反应。每个月总归会遇到一些很差异的情况。地图是二次开发的,好多代码,来的时间不长,尼玛的,修改的时候,样式只能继承,不能删除,头大。无解,看了半天,实在没法子。最后弄个很暴力的写法,反正是在顶部出现。给该层定义一个绝对定位, z-index:9999擦,现在谁也影响不到他啦。firefox chrome 终于可以显示啦。OVER转自 jquery http://www.jqueryba.com/220.html
阅读全文
摘要:今天jquery博客遇上CSS文档流与块级元素(block)内联元素(inline)之间的关系,最近一直加班,睡眠不好,有点糊涂了,简单的问题复杂化了。项目多了,有些需要和同事们齐心协力,有些放进去出错,头大啊。文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端。 若当前行容不下, 则另起新行再浮动。内联元素也不会独占一行。 几乎所有元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素。有三种情况将使得元素脱离文档流而存在,分别是浮动,绝对定位, 固定定位。基于文档流, 我们可以很容易理解以下
阅读全文
摘要:不知道,怎么搞的,昨天明天写上去的,发布成功的。早上找不到了,奇怪,差异。重新弄下吧。jquery博客昨天又加班了,早8点去晚8点回来,赶项目没法子,细细算这个月除了清明时候休息2天,之外一直上班中。嗨……稀里糊涂的想整个table选项卡从A页面点击进入B页面指定版块,不知道怎么描述就先这样叫吧。两个页面间的传值,貌似暂时我用的少,不过得需要用了,先弄点例子上来,过两天用的时候看下,就一目了然了。table切换和之前的一样,无非就增加了个取值传值的函数。不多说了,看在线效果DEMO注请猛击上面DEMO中的的几个分类 jquery jquery吧 前端开发 攻城狮转自 jquery http:.
阅读全文
摘要:jquery博客觉得CSS样式命名是很重要。项目中,要是团队,样式命名不同的话,会给团队其他人看的很纠结,揣测你的很费劲哦。一般常见的有驼峰,帕斯卡,符号连接1,驼峰有着悠久的历史,大家接触过其他程序语言的,很了解了,不多说不解释。用css写个信息层的话 .messageBox{…}2,帕斯卡其实和驼峰很相似,具体表现为每个单词都需要大写比如 .MessageBox{…}3,符号连接需要按个shift 开发速度不咋样 .message-box{…}个人比较喜欢用驼峰,抵制符号链接 比如-使用的不好的话,会与javascript混乱。当然萝卜白菜各有所爱,团队统一起来,大家用一个,不然有的...
阅读全文
摘要:时间总是不轻易间的溜走,想做的事情还有好多,回想起来还有好多没实现,纠结,头大。本来说好昨天写的,忙公司项目琐事,耽误了,都过凌点,想写点什么,一下子又不晓得该写什么好。还是继续整点jquery实用的效果吧。前两天老是想给jquery博客小站加个下拉菜单,便于用户体验。现在就一条的,文章少,要是以后文章多了,看的有点乱了。那做个吧上个效果图,大致是这样的。在线效果DEMO凑合先用用吧,想放上去,咨询了下SEO群的朋友,他们说修改导航的话会有影响啊。排名等会掉的。转自 jquery http://www.jqueryba.com/191.html
阅读全文
摘要:天外飞仙之前关注到sinaapp的云服务,可以搭建wordpress,弄了个,国内,速度还可以,现在是免费的哦。兴冲冲的wp的自豪的建设好,用原来的主题,感觉有点单调。想用自己独立空间上的jquery博客主题试试。怎么上传呢?幸好有个叫SDK的家伙,可以为我们上传。工具大家自己下载吧。这边主要说下出现的问题。这边主题荡下来,准备上传,出现这个问题Error(1.0.5 1107071739): D:\SAE_SDK_Windows_1.0.5\apps\/divjs/1/config.yaml is not existed很纠结啊。怎么都解决不了。百度了很多,谷歌了很久,问了高手,下班之余,没
阅读全文
摘要:╮(╯▽╰)╭ico网站标志显示不了,好多时候是因为缓存没有没有刷新今天也试了几个方法这个感觉还行一试就管用<link rel=”shortcut icon” href=”具体地址,必须在根目录下哦/favicon.ico” type=”image/x-icon”/>原文地址 前端开发http://www.jqueryba.com/176.html
阅读全文
摘要:不管是java、c++、php都有相等运算符与等同运算符,当然javasript也不例外。下面说说吧。==运算符和===运算符用来检测两个值是否相等,它们采用了具有同一特质的两个不同定义。这两个运算符都接受任意类型的运算数,如果两个运算数相等,它们都返回true,否则都返回false,===运算符是等同运算符,它采用严格的同一特质定义检测两个运算数是否完全相同,亲们注意是完全相同哦。==运算符是相等运算符,它采用比较宽松的同一特质定义比较两个运算数是否相等。这样概念有个基本认识。下面说下具体判定两个值是相等情况吧。===运算符两个值比较1,如果两个值类型不同,它们就不相同2,如果两个值的类型是
阅读全文
摘要:作为一个CSSer,需要懂得的知识是比较多的,前面有UE设置,后面有程序,而在开发的同时,需要考虑到网站优化,包括用户体验和SEO等等。今天就SEO与DIV+CSS布局的关系,我们作一些了解,相信大家看了以后,会有收获的。首先了解一下,什么是SEO。SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分,从而获得较好的排名。一、代码精简使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点:一是提高蜘蛛爬行效率,能在最短的时间内爬完
阅读全文
摘要:1. 去除页面的右键菜单$(document).ready(function(){ $(document).bind(“contextmenu”,function(e){returnfalse;});});2、搜索输入框文字的消失当鼠标获得焦点、失去焦点的时候,input输入框文字处理:$(document).ready(function(){ $(“input.text1″).val(“Enter your search text here”); textFill($(‘input.text1′));});function textFill(input){//input focus text
阅读全文
摘要:css浏览器不兼容很折腾人。天外飞仙在其他网站上趴下来的,读了遍,还真是回事,说的蛮好的,就转来,权当给自己做笔记,俗话说的好,好记性不如烂笔头,也顺便给大家分享。一、IE边框若显若无,须注意,定是高度设置已忘记;二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;三、三像素文本慢移不必慌,高度设置帮你忙;四、兼容各个浏览须注意,默认设置行高可能是杀手;五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。七、所有标签皆有源,只是默认各不同,span是无极,无极生两
阅读全文
摘要:今天天外飞仙起早了,收集个插件分享大家—DD_belatedPNG插件,可以让图像透明,这个方案只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:hover属性,以及<img>。原理这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜.使用方法1.在这里下载DD_belatedPNG.js文件.http://dillerdesign.com/experiment/DD_belatedPNG/#down
阅读全文
摘要:CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。加速的关键,不是降低重量,而是减少个数。传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求。所以,图片越多请求次数越多,造成延迟的可能性也就越大。CSS Sprites其实就是把网页中一些背景
阅读全文

浙公网安备 33010602011771号