语源科技BlogJava-Java House

回到顶部图片

qin — Thu, 27 Jun 2013 07:18:00 GMT

1 DOCTYPE HTML>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <script language="javascript" src="js/jquery-1.7.2.min.js" type="text/javascript">script>
6
7 <style type="text/css">
8 body{
9 text-align:center;
10
11
12 }
13 #back_to_top{
14 display: none;
15 position:fixed;
16 _position:absolute;
17 z-index:100;
18 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABPNJREFUeNrsm11MW2UYx//nnPa0lNICQbmBMMIuSLzZdqXxgsy4i91uMSReeAFOoyG7kRiNMy7OmEUxmR9xiQQXjYsh2RSIyXRmi2zZhpgIQxdIKLBaZIHytUJL29Oe4/sezsG3tR/QwnpO65M86eFtc/r++n/e5/3gOdz8/DySrba2ltMuOaaZg3FNSXGtJH/Ikg6yq6vL3traesJqtR7jOO5J0iYaGDaqKMqQJEnf9fb2dnd2doZT/RCcrqwGqrrP53tJFMXP7XY7bDYbCDCMbgQUkUgE4XAY0Wj01fr6+i80UN03YRlQ3uv1vuJwOD5xuVywWCwwm8ViMQQCAYRCoZMNDQ3nSZOsA/PsmOzo6CgjapoWVB2XpN+0/5SD8rC5hmPcMjU11VFTU/OR0+mE2W19fR2Li4uvNTU1fUYFZ5WlrzwZn8/RMVoMRjkoj86mQ+rKCiQRHTJDMtqOUQ7KQ7l0Rp4JZ8Hg00suJjKwSAhjFKf9J4yNvkLKx7b4+KSsXKywCWFcElZSsLuyTHrm1OVH0tnr7x0vPCxdejY0Nu394OM4kN1NoWGRVycKFsa5dPramePg+ezD//z1adzxLCe0PbW/Gi8fbgTPcXv+o+6asrIsZ3z/44ERDAxPo7rmMTjKy7fab08uQVBiePHw/uLIxt/emED/8BQqq6tR5nCo6rB+Y3IVl4e95of94bdpdF/9E06XG2XlTsgELpV/P7KAH0dnzQt7e3wO50j4OhzlqKhwQSGhnskvDs1h2OM3H+zdGT/e7f0VFtGGisqqtIqyHiPAn16bxt37S+aBnZ5/iLe+uQWFE+AmoNkUZV2S4jh31YP7C2vGh32wEsTrF24iLAEuCqrQTK3syIPhGM703cPfy0Hjwq4GI+j8chArwShcVZXqkZ6syDn5ww0J7/ffU+9pONgICb83v7qJueUQnO4q9dY7VTTZH6yG8c6lMaK0ZBxYKS7jDQI6PruiTjF0NbSTcZrJ/1oM4mzfH+p3GAL27KVh/D61gHIyvfCCkHPopvOx2VV80D+mql1Q2Iu/jOPnEa+6YOAFS96hm86HPEu4kueiI++1cW2lA8eebibzafqDySsj2+vk0YN1Gd/f93gF4gRc4LnCwD57oAFHDu7L+Jm+O5OwitkP308efWJbu5pcdz67suvJ9uWRjRAsVnFX7mWAk4rsJxnZtoCmOYPKrhbyzqQmUnZzJVUisGSTXirKqmFsRGX3Khtu975FkI1RSmGsGOJc+RFm4xKCRanA3vrweQiCUDrKxuPxgsP+/8/okoAl04NULGDadBdMBaumSkmSxmihYzEYzRGEZwJMVSqPf+txZb/fPxCNRosClnJQHoZPYZWV29raLtB6XSNkznxVpRyUB5sluDIbxvSP+OjoaNjj8by9trZmWmDab9p/ykF5aJOu7laRpjbn2ok7BgcHTzQ3N5+mleSiKJqi9pjmGhq6VNGJiYnTLS0t3aQ5RJwC00QUT6g3Jm7VgMsaGxtdPT09L9TV1R1xu92HjA4bCARGfT7fT+3t7V/PzMwESNOGBippsApbNs8zwDbGrVq7UYs59TEZ08AijOugaum8JeHsZDO+2WtJC3EBibXJhplO9eSq9Vfvsw4ZR7anPxg4FtTIqy05CVhmQBOf/tAt6eElPukVMGblKvvQkpz0ipTKslasT2z9I8AArHG0+DKsnEoAAAAASUVORK5CYII=) no-repeat left top;
19 width: 59px !important;
20 height: 59px !important;
21 right:0;
22 bottom:0;
23 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
24 }
25
26 style>
27 <script language="javascript" type="text/javascript">
28 $(function(){
29 $(window).scroll(function() {
30 if ($(window).scrollTop()>0){
31 $("#back_to_top").fadeIn(500);
32 }
33 else{
34 $("#back_to_top").fadeOut(500);
35 }
36 back_to_top();
37 });
38 $("#back_to_top").click(function(){
39 $('body,html').animate({scrollTop:0},300);
40 return false;
41 });
42 });
43 script>
44 head>
45
46 <body>
47 
48 顶部
49 <hr/>
50 <div id="back_to_top">div>
51 
52 
53 <hr />
54 底站
55 body>
56 html>

qin 2013-06-27 15:18 发表评论

在线QQ代码

qin — Tue, 25 Jun 2013 06:33:00 GMT

在线QQ代码：

qin 2013-06-25 14:33 发表评论

左右图片切换

qin — Sun, 19 Feb 2012 08:29:00 GMT

摘要: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->

阅读全文

qin 2012-02-19 16:29 发表评论

Xp自带磁盘分区工具 diskmgmt.msc

qin — Thu, 24 Nov 2011 02:41:00 GMT

diskmgmt.msc

qin 2011-11-24 10:41 发表评论

jquery 菜单

qin — Fri, 09 Sep 2011 06:05:00 GMT

摘要: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->

阅读全文

qin 2011-09-09 14:05 发表评论

jquery 图片切换(jquery timers插件)

qin — Fri, 09 Sep 2011 06:02:00 GMT

// JavaScript Document
$(function(){
 var i=0;
 // var t="3s";
 var div=$("#box>div");
 var span=$("#num>div>span:gt(2)");
 /*第一个div 显示，其余隐藏*/
 div.hide();
 div.first().show();
 /*自动切换函数*/
 function auto(){
 i<div.length-1?i++:i=0;
 div.eq(i).fadeIn().siblings().fadeOut(); /*siblings 同级元素隐藏除去i等于div中的索引*/
 span.eq(i).addClass("fontsty").siblings().removeClass("fontsty"); /*span中的样式显示与隐藏*/
 }
 /*自动执行*/
 $("#picSwitch").everyTime("3s","a",auto);
 /*鼠标移上数字事件*/
 span.mouseover(function(){
 $("#picSwitch").stopTime("a");
 i=span.index($(this));
 div.eq(i).show().siblings().hide();
 span.eq(i).addClass("fontsty").siblings().removeClass("fontsty")
 $("#picSwitch").everyTime("3s","a",auto);
 });
 $("#ctl").click(function(){
 if($(this).text()=="stop"){
 $("#picSwitch").stopTime("a");
 $(this).html("start");
 }else{
 $("#picSwitch").everyTime("3s","a",auto);
 $(this).html("stop");
 }
 });

})

<div id="picSwitch">
 <div id="box" class="boxpst">
 <div class="flashpic"><a href="#"><img src="img/pic1.png"/>a>div>
 <div class="flashpic"><a href="#"><img src="img/pic2.png"/>a>div>
 <div class="flashpic"><a href="#"><img src="img/pic1.png"/>a>div>
 <div class="flashpic"><a href="#"><img src="img/pic1.png"/>a>div>
 <div class="flashpic"><a href="#"><img src="img/pic1.png"/>a>div>
 div>
 <div id="num" class="num"> <img src="img/picfootbg.png" />
 <div> -span> stopspan> +span> 1span> 2span> 3span> 4span> 5span> div>
 div>
 div>

#picSwitch .boxpst .flashpic img{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
}
.fontsty{
    color:#FF9900;
    font-weight:bold;
}
.num{
    margin-top:-25px;
    text-align:left;
    position:relative;
    color:#fff;
}
.num img{
    margin-left:8px;
}
.num div{
    margin-top:-20px;
    margin-left:12px;
    position:absolute;
    _position:relative;
}
.num div span{
    cursor:pointer;
}

qin 2011-09-09 14:02 发表评论

css设置中文字体(font-family:"黑体")后样式失效问题

qin — Sun, 14 Aug 2011 08:18:00 GMT

css设置中文字体(font-family:"黑体")后样式失效问题

由 xlight 于星期一, 03/15/2010 - 20:34 发表

所在分类： html+css Tags:失效字体样式

做项目时偶遇的一诡异问题，同样的代码，在ff和IE7以上页面显示正常，但IE6无论怎么改都不起作用，本来以为是IE6的某些浮动bug所致，结果弄了很长时间也不行，后来不经意间把原来设定的font-family: "黑体"属性去掉了，一切恢复正常。。。
到网上搜了下，还真有不少人遇到同样的问题，下面摘录一段：

css文件里font-family: "黑体";这句会导致后面的css定义全部不起作用了。
只要把font-family: "黑体";
改成
font-family:黑体;
就行了，去掉空格和双引号。
这个问题只存在于IE6中。

在其它网站找到的部分答案：

http://www.im87.cn/blog/10-03/cssshe-zhi-zhong-wen-zi-ti-font-familyhei-ti-hou-yang-shi-shi-xiao-wen-ti

一处容器的font-family属性里写了"宋体"，而IE6一下不解析"" 号，于是就导致整个页面的居中失效
css中指定font-family属性为黑体、幼圆、微软雅黑等，一一无法正常显示（ie7），最终发现原来是CSS文件是gb2312编码，另存为UTF-8后改掉乱码的中文，之后font-family指定中文字体便ok 了~这样看浏览器ms是按utf8对css文件进行解析的
====================================
另，考虑到文件编码问题，在css中推荐使用中文字体的英文表示法，以下附常见中文字体的英文名：
Mac OS的一些：
华文细黑：STHeiti Light [STXihei]
华文黑体：STHeiti
华文楷体：STKaiti
华文宋体：STSong
华文仿宋：STFangsong
儷黑 Pro：LiHei Pro Medium
儷宋 Pro：LiSong Pro Light
標楷體：BiauKai
蘋果儷中黑：Apple LiGothic Medium
蘋果儷細宋：Apple LiSung Light
Windows的一些：
新細明體：PMingLiU
細明體：MingLiU
標楷體：DFKai-SB
黑体：SimHei
宋体：SimSun
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微軟正黑體：Microsoft JhengHei
微软雅黑体：Microsoft YaHei
装Office会生出来的一些：
隶书：LiSu
幼圆：YouYuan
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei
出自：

http://www.im87.cn/blog/10-03/cssshe-zhi-zhong-wen-zi-ti-font-familyhei-ti-hou-yang-shi-shi-xiao-wen-ti

qin 2011-08-14 16:18 发表评论

没什么

qin — Thu, 04 Aug 2011 08:12:00 GMT

qin 2011-08-04 16:12 发表评论

让IE6支持png 透明的三种解决方法

qin — Sat, 16 Jul 2011 04:18:00 GMT

http://www.cnblogs.com/xiachufeng/archive/2010/10/27/1862798.html

qin 2011-07-16 12:18 发表评论

jquery timers定时器

qin — Thu, 30 Jun 2011 07:09:00 GMT

1
  2
  3
  4

5 jQuery插件timers定时器
 6
 7
 8
 9 body{
10 text-align:center;
11 }
12 .cgpic1 ,.cgpic2{
13 float:left;
14 }
15 .box,box2{
16 position:relative;
17 width:350px;
18 height:240px;
19 margin:0 auto;
20 }
21 .box div a img {
22 max-width:300px;
23 width:300px;
24 width:expression_r(document.body.clientWidth>300?"300px", "auto");
25 overflow:hidden;
26 height:240px;
27 position:absolute;
28 }
29 .box2 div a img{
30 max-width:300px;
31 width:300px;
32 width:expression_r(document.body.clientWidth>300?"300px", "auto");
33 overflow:hidden;
34 height:240px;
35 position:relative;
36 }
37 .num{
38 position:relative;
39 }
40 .num2{
41 margin:0 auto;
42 position:relative;
43 width:300px;
44 background:#009933;}
45 .num span,num2 span {
46 padding:0 5px;
47 }
48 .fontsty{
49 font-weight:bold;
50 color:red;}
51 .ctr span{
52 background-color:#6666CC;}
53
54
55 $(function(){
56 var i=0;
57 var $div=$(".box>div");
58 var $span=$(".num>span");
59 /*第一个div 显示，其余隐藏*/
60 $div.hide();
61 $div.first().show();
62 /*$($div[0]).show(); */
63 /*自动切换函数*/
64 function auto(){
65 i<$div.length-1?i++:i=0;
66 $div.eq(i).fadeIn("slow").siblings().fadeOut("slow"); /*谈入谈出效果*/
67 /*$div.eq(i).show().siblings().hide(); */ /*siblings 同级元素隐藏除去i等于div中的索引*/
68 $span.eq(i).addClass("fontsty").siblings().removeClass("fontsty"); /*span中的样式显示与隐藏*/
69 }
70 /*自动执行*/
71 $(".cgpic1").everyTime("1s","a",auto);
72 /*停止执行*/
73 $(".cgpic1 .stop").click(function(){
74 $(".cgpic1").stopTime("a");
75 });
76 $(".cgpic1 .start").click(function(){
77 $(".cgpic1").everyTime("1s","a",auto);
78 });
79 /*鼠标移上数字事件*/
80 $span.mouseover(function(){
81 $(".cgpic1").stopTime("a");
82 i=$(this).index();
83 $div.eq(i).show().siblings().hide();
84 $span.eq(i).addClass("fontsty").siblings().removeClass("fontsty");
85 $(".cgpic1").everyTime("1s","a",auto);
86 });
87
88
89 var n=0;
90 var $div2=$(".box2>div");
91 var $span2=$(".num2>span");
92 /*第一个div 显示，其余隐藏*/
93 $div2.hide();
94 $div2.first().show();
95 /*$($div[0]).show(); */
96 /*自动切换函数*/
97 function auto2(){
98 n<$div2.length-1?n++:n=0;
99 /*$div.eq(i).fadeIn("slow").siblings().fadeOut("slow"); */ /*谈入谈出效果*/
100 $div2.eq(n).show().siblings().hide(); /*siblings 同级元素隐藏除去i等于div中的索引*/
101 $span2.eq(n).addClass("fontsty").siblings().removeClass("fontsty"); /*span中的样式显示与隐藏*/
102 }
103 /*自动执行*/
104 $(".cgpic2").everyTime("2s","b",auto2);
105 /*停止执行*/
106 $(".cgpic2 .stop").click(function(){
107 $(".cgpic2").stopTime("b");
108 });
109 $(".cgpic2 .start").click(function(){
110 $(".cgpic2").everyTime("2s","b",auto2);
111 });
112 /*鼠标移上数字事件*/
113 $span2.mouseover(function(){
114 $(".cgpic2").stopTime("b");
115 n=$(this).index();
116 $div2.eq(n).show().siblings().hide();
117 $span2.eq(n).addClass("fontsty").siblings().removeClass("fontsty");
118 $(".cgpic2").everyTime("2s","b",auto2);
119 });
120 })
121
122
123
124
125
126
127
128

129

130

131

132

133

134

135

136

137
138
139         1
140         2
141         3
142         4
143         5
144         6
145         7
146         8
147
148     停止
149     播放
150
151
152
153

154

155

156

157

158

159

160

161
162
163
164         1
165         2
166         3
167         4
168         5
169         6
170         7
171         8
172
173     停止
174     播放
175
176
177
178
179

qin 2011-06-30 15:09 发表评论