- 浏览: 341162 次
- 性别:
- 来自: 杭州
最新评论
-
幻紫1992:
还有分页的功能、、(⊙o⊙)嗯
[JS代码库] -
幻紫1992:
就是没有返回顶部的按钮,这个页面、、
[JS代码库] -
幻紫1992:
很受用,O(∩_∩)O谢谢啦~
[JS代码库] -
nlnl520coco:
想下个东西 规则太苛刻了 网站得改进
[JS代码库] -
hxp520520:
new Limiter() 这个对象是kissy API里面的 ...
Limiter的简单demo--20131029
文章列表
看一个正常的浮动案例
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<style>
*{ margin: 0px; padding:0px;}
.xxx{ width: 300px;}
.xxx img{ float: left;}
.sss{ float: right; width: 100px; height: 200px; overflow: hidden;}
</style>
</head>
...
最近在做页面有的发现一个问题
<div class="xx">
<a >
<img src="xxx" usemap="#sss"/>
<map name="sss" id="sss">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus&q ...
最近在做事的时候发现一个有趣的问题,在上网也找过但是都没有很好的回答在这个说说,就是在一个纯静态的页面中基本都是div和img还有a标签组成的页面下当有一个右侧导航的时候在ie6下会找不到锚点的位置,这种情况一般出现在将锚点定位在img上面发生的情况
<div class="">
<a href="#"><img src="xxx"></a>
<a href="#"><img src="xxx" id="锚点&q ...
做需求的做到一个关于这个功能的项目所以记下来
Math.random()是令系统随机选取0-1之间的14位的随机数
10就等于是100%的几率,现在的一个展示的是70%一个展示的是30%的几率,一般用于一个页面下有多条数据要展示的情况做的流量分流的效果。
<style>
#z{ display:none;}
#s{ display:none;}
</style>
<div id="z">
房子的页面
</div>
<div id="s">
车子的页面
</div ...
在CSS中关于定位的内容是:position:relative | absolute | static | fixed
static 没有特别的设定,就是基本的定位规定,不能通过z-index进行层次分级。
relative 不脱离文档流,自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-index进行 ...
<object width="940" height="518" data="http://gtms01.alicdn.com/tps/i1/T19d3XFhpbXXXtxVjX.swf" type="application/x-shockwave-flash">
<param value="transparent" name="wmode">
<param v ...
使用模版的基本尝试
模版是大家多多少少都有用多的,那么就在这里说下最常见的两种模版样式,即使几乎包含有所有模版
1、是常规的模版就是里面的接口,什么的全部都是定好的,一个样子走到低的一般来所这样的模版都是用来特定的做一小部分,或者单个的业务所被开发出来的,这样模版没有没有,只能按照里面定好的路线走一条之路,用处很局限
2、种就是叫做自定义的模版这样的模版,功能或者是不如或者是和上面的专业的某一项或者几项的模版的能力范围里不如,但是这样的自定义的模版的可变性就是非常的大的,一般需要改变按钮,按照自己的需要在自定一些功能和样式都是比较方便的,但是对于新手来说常常会因为一个不小心改错的,但是瘫痪 ...
首先在制作的手机端的时候需要注意到的
1、手机端的几点要求,首先在制作手机端的页面的时候端独要注意,图片要注意,还在背景图片的属性,间距要注意,字体大小的问题和功能点引入的包。
2、页面的宽度,手机现在最 ...
第一、图片处理的问题一般我们都是使用块级元素来处理图片之间的间距的问题,但是当一个页面全部都是图片的时候有的时间块级元素也不完成不了处理好所有的图片间距在特别是在IE6 IE7下情况都不是很理想,但是下面的的代码是第一不要边框,第二从头部开始排列,加这两个元素后在当前的游览器下都可以还好的兼容进入图片的位置
.jh-ensemble img{vertical-align:top; border:none;}
第二、在通常的情况下都是直接写入 overflow-x:hidden;展示竖的滚动条,overflow-x:none;删除竖的滚动条,但是在ie下就不会了因为首先都没有去定义滚动条,还谈 ...
前面的工作比较的紧张,因为要争取转正,现在已经确定下来可以转正了,但是发现期望的东西和现实给的东西差距有点大,没什么动力了,所以从今天开始项目我来了,不会再有以前的懒惰,和接口重新回到以前的状态,学习
今天一个小时将最外围的头部做好了,只是html和css但是想模版上的可以随着页面的的缩放调节排版还没时间去挖出来,后天会一变一边看,感觉应该不是css能做出来的效果,js全是压缩的一陀一陀的找要点时间
明天的进度看是否能把那一坨的js代码挖出页面缩放功能的不行就把最外围左边的选择栏做出来
这是一段可以显示出ul里面的li的数量不论是添加还是删除都可以很好的展示出来,不会因为在后面juqery添加的进去的li没有事件而完成不了
主要是显示数量
他可以传入添加和删除里面,让的添加和删除以后的数量都能读取的到
//首先定义一个函数让
function appendTag(){
//为了方便直接将指定ulclass里的li的读取的长度也就是数量定义好
var gg = $(".ss li").length;
//这里做一个判断,因为在没有的时候显示出来的还是会有一个0在所以就判断一 ...
padding 简写属性在一个声明中设置所有内边距属性
说明
这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
padding:10px 5px 15px 20px;
上内边距是 10px
右内边距和左内边距是 5px
下内边距是 15px
最重要的一点就是
所有浏览器都支持 padding 属性
这样不管在多老的游览器下或者是多古怪的游览器下都可以实现想要的效果
不会像 ...
<div class="jh-bnn" style="position:relative"></div>
.jh-bnn{ float:left; top: 120px; display: inline;background:url("http://gtms01.alicdn.com/tps/i1/T1eKUwFkBgXXcZxz2q-240-86.png");background-repeat:no-repeat;_background:none;_filter:progid:DXImageTra ...
.anim_nav{position: fixed; left: 50%; margin-left: 500px; top: 200px; overflow: hidden; _position: absolute; _top: expression(eval(documentElement.scrollTop+200));}
<div class="anim_nav" id="J_ActivityNav" style="position: fixed; top: 50px;">
<img src=&qu ...
border:又叫边框
属性
border-radius 支持 ie 谷歌 火狐 欧友
box-shadow 支持 ie 谷歌 火狐 欧友
border-image 支持 ie(不支持) 谷歌 火狐 欧友
border-radius属性
在 CSS2 中添加圆角矩形需要技巧。我们必须为每个圆角使用不同的图片。
在 CSS3 中,创建圆角是非常容易的。
在 CSS3 中,border-radius 属性用于创建圆角
<!DOCTYPE html>
<html>
<head>
<style>
div
{
...