沫鱼 - 博客园

2013年1月8日

摘要：蛮优秀的一段效果代码，可以上下左右滚动，收藏了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; c 阅读全文

posted @ 2013-01-08 18:46 沫鱼阅读(6050) 评论(0) 推荐(0)

2013年1月6日

[转载]舒迅：产品经理必读的九步法

摘要：谨以此文献给梦想改变世界的人舒迅多年以后，当我面对那些年青的产品经理，我会想起自己当年从事的是一份高薪的工作。那是2000年，我大学毕业后在北京一家IT网站做搜索引擎PM，当时我一个月的薪水能在亚运村买一平方米房子，十年之后，朋友招聘PM，开出的月薪和我十年前一样，差别是这时年青的PM用一年的薪水才能在亚运村买到一平方米的房子。对此，我很迷惑，于是咨询HR的同事，HR的同事告诉我，十年前产品经理是稀缺工种，现在不是了。十年间，北京的房价涨了10倍，但最优秀的PM的薪水至少涨了50倍，所以在新浪微博上随手点开一个V，就常常碰到认证为产品经理的。很多PM都有一个梦想：用自己设计的产品改变世界，同时阅读全文

posted @ 2013-01-06 15:53 沫鱼阅读(580) 评论(2) 推荐(1)

2012年12月28日

利用background-attachment做视差滚动效果

摘要：视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。不明白的可以先看看eBay上的效果：http://www.ebay.com/new/其实就是固定背景不让它随着滚动轴移动，但包含背景的容器是跟着滚动的，所造成的视觉差异看起来就像跟转换场景一样。（这个解释别嫌混乱…）在CSS中定义背景滚动方式的属性是backgroud-attacthmentbackground-attachment-- 定义背景图片随滚动轴的移动方式取值: scroll | fixed | inh 阅读全文

posted @ 2012-12-28 17:16 沫鱼阅读(15715) 评论(1) 推荐(6)

2012年12月6日

css中font-family的中文字体

摘要：说到css中的font-family，相信很多朋友经常用，但不知道当你遇到引用中文字体的时候你会怎么写？最近特别关注了下，发现最常用的基本有三种类型：1、直接中文；2、英文形式；3、unicode码；前面两种形式很好理解，unicode码是什么意思呢？下面看基本定义:Unicode（统一码、万国码、单一码）是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码，以满足跨语言、跨平台进行文本转换、处理的要求。更多内容请查看百度百科对Unicode的介绍。介绍完方案，再谈下使用。之前在看玉伯写的一篇文章《中文字体在 CSS 中的写法》中提到：font-family 阅读全文

posted @ 2012-12-06 18:37 沫鱼阅读(4251) 评论(0) 推荐(0)

2012年11月30日

jQuery Tags Input Plugin（添加/删除标签插件）

摘要：看名字应该知道是干嘛用了吧。一个jquery开发的标签功能加强插件，可以生成或删除标签，还能对输入重复标签进行检查，和JQuery autocomplete插件配合实现自动完成功能。官网：http://xoxco.com/projects/code/tagsinput/截图：(下面是翻译了官网上的用法，英文不是很好，有能力的尽量看官网吧)首先，引用下面两个文件<script src="jquery.tagsinput.js"></script><link rel="stylesheet" type="text/cs 阅读全文

posted @ 2012-11-30 19:01 沫鱼阅读(23206) 评论(3) 推荐(2)

jquery文件上传控件 Uploadify

摘要：基于jquery的文件上传控件，支持ajax无刷新上传，多个文件同时上传，上传进行进度显示，删除已上传文件。要求使用jquery1.4或以上版本，flash player 9.0.24以上。有两个版本，一个用flash,一个是html5。html5的需要付费~所以这里只说flash版本的用法。官网：http://www.uploadify.com/控件截图：用法：首先引用下面的文件<link rel="stylesheet" type="text/css" href="uploadify.css"><script t 阅读全文

posted @ 2012-11-30 18:55 沫鱼阅读(90530) 评论(11) 推荐(16)

jquery validate api

摘要： jquery validate是一个基于jquery开发的验证框架，调用和扩展都很方便官网：http://bassistance.de/jquery-plugins/jquery-plugin-validation名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()返回:Options返回元素的验证规则rules("add",rules)返回:Options增加验证规则rules("remove",rules)返回:Options删除验证规则remov 阅读全文

posted @ 2012-11-30 18:50 沫鱼阅读(507) 评论(0) 推荐(0)

2012年10月12日

expression解决IE6下固定定位的兼容

摘要：本文所使用的技巧是用了一条 Internet Explorer 的 CSS 表达式 (expression) 。你不可以直接使用该表达式，因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用 eval 包裹你的语句。如何解决“振动”的问题？显然 IE 有一个多步的渲染进程。当你滚动或调整你的浏览器大小的时候，它将重置所有内容并重新渲染页面，这个时候它就会重新处理 CSS 表达式。这会引起一个丑陋的“振动” bug ，在此处固定位置的元素需要调整以跟上你的(页面的)滚动，于是就会“跳动”。解决此问题的技巧就是使用 background-attachment:fixed 为 body 或阅读全文

posted @ 2012-10-12 15:18 沫鱼阅读(3663) 评论(0) 推荐(0)

关于CSS权重问题

摘要： id 的选择器为什么要这么写 li#first？一. 一个疑问？看到过一篇关于 CSS 的文章，其中说到：对于类似 li#first 这样的选择器，由于使用 id 就已经可以确定元素了，没有必要再写上前面的 li, 直接写上 #first 这样的 id 选择器就可以了。听起来说得不错，简单测试一下也没有问题。可是，我们经常看到带有元素名称的选择器，例如，在微软的项目模板中就有大量的带有元素名称的选择器，如果没有用的话，为什么要这样写呢？ul#navlist{ float: right;} ul#navlist li{ display: inline;}二. 问题出现了！写一个简单的... 阅读全文

posted @ 2012-10-12 10:52 沫鱼阅读(6772) 评论(2) 推荐(1)

2012年9月20日

模拟下拉select

摘要：用jquery模拟一淘上面的搜索下拉的功能，利用css3做箭头的动画效果。JS代码：/* * 模拟搜索下拉select * 默认调用方式：$(el).setSelect({ * optionList: [], //这里是下拉的选项，如['aa','bb']* hiddenInput: '#optionHidden', //隐藏的input获取选中后的值，供表单提交时传值* getOption: '#sOptionBtn',* callback: function(option){}* }) **/(function ($) { $ 阅读全文

posted @ 2012-09-20 15:43 沫鱼阅读(3266) 评论(0) 推荐(0)

公告