网站综合信息 xh-css.cn
- 标题:
- web标准学习-小辉博客
- 关键字:
- 描述:
- 域名信息
- 域名年龄:15年1个月29天 注册日期:2009年09月18日 到期时间:2014年09月18日
邮箱:wyysf12 电话:
注册商:北京新网数码信息技术有限公司
- 服务器空间
- IP:162.210.102.231 同IP网站6个 详情
地址:美国
- 备案信息
- 备案号:
域名流量Alexa排名
域名注册Whois信息
xh-css.cn
域名年龄: 15年1个月29天注册时间: 2009-09-18
到期时间: 2014-09-18
注 册 商: 北京新网数码信息技术有限公司
注册邮箱: wyysf12
获取时间: 2014年07月29日 08:29:38
Domain Name: xh-css.cn
ROID: 20090918s10001s23878395-cn
Domain Status: ok
Registrant ID: gz7b3panfvjdeq
Registrant: 孙小辉
Registrant Contact Email: wyysf12
Sponsoring Registrar: 北京新网数码信息技术有限公司
Name Server: ns2.4cun.com
Name Server: ns1.4cun.com
Registration Date: 2009-09-18 14:32:39
Expiration Date: 2014-09-18 14:32:39
DNSSEC: unsigned
网站头文件(HTTP Header)
HTTP/1.1 200 OK 访问时间:2015年10月07日 00:32:29 服务器:Apache mod_fcgid/2.3.7 mod_auth_pgsql/2.0.3 修改日期:2015年08月01日 14:51:05 网页标记:"44145bd8-ec-51c3a5c4857b3" 接受单位:字节 动作:Accept-Encoding,User-Agent Content-Encoding: gzip 文件大小:226 Keep-Alive: timeout=2, max=100 连接:Keep-Alive 类型:text/html 页面编码:UTF-8
同IP网站(同服务器)
其他后缀域名
网站首页快照(纯文字版)
抓取时间:2015年10月07日 00:20:16
网址:http://xh-css.cn/
标题:web标准学习-小辉博客
关键字:
描述:
主体:
网址:http://xh-css.cn/
标题:web标准学习-小辉博客
关键字:
描述:
主体:
web标准学习—小辉博客
落草为code—学习交流web标准的知识和经验
搜索
主菜单
跳至主内容区域
跳至副内容区域
首页
css
js&jQuery
seo
随笔
前端导航
导航移动版
博客论坛
文章导航
← 早期文章
选中文字出现分享的效果-练习
发表于 2012 年 7 月 19 日 由 admin
回复
多余的话不多说了直接上代码了：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div { width:600px; margin:20px auto; }
p { line-height:1.6;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
//插入图标备用
$('<img src="http://simg.sinajs.cn/blog7style/images/common/share.gif" id="shareit" style="position:absolute;z-index:1000;display:none"/>').appendTo($("body"));
//选择文字函数
function selctiTxt() {
if (document.selection) {//IE
return document.selection.createRange().text;
} else {//标准
return window.getSelection().toString();
}
}
//分享到新浪微博
$("#shareit").click(function (e) {
var e = $.event.fix(e);
window.open("http://v.t.sina.com.cn/share/share.php?searchPic=false&title=" + selctiTxt() + "&url=" + window.location.href);
setTimeout(function () {
$("#shareit").hide();
}, 200);
e.preventDefault();
return false;
});
//选择问题显示分享图标
$(document).bind("mouseup", function (e) {
var e = $.event.fix(e);
var iX = e.pageX,
iY = e.pageY;
if (selctiTxt().length > 8) {
setTimeout(function () {
$("#shareit").css({
"left": iX + "px",
"top": iY + "px"
}).fadeIn();
}, 200);
} else {
$("#shareit").hide();
}
});
//点击别处隐藏
$(document).click(function () {
$("#shareit").hide();
})
});
</script>
</head>
<body>
<div>
<p>以前用jQuery写过一个，今天练习用原生的js写了一个，一方面练手另一方面是复习了一些知识点，放上记录下！
知识点主要是charCodeAt()以及oninput和onpropertychange ，其余的都是大家比较熟悉的知识了。</p>
<p>charCodeAt()返回对应的字符unicode编码，oninput和onpropertychange是用来做到你在文本域中点击右键粘帖的时候触发事件的，因为onkeyup和onchange不能触发右键的粘帖。其中的255这个数字你可以比较的不明白，你可以自己试试除了汉字外的编码都是多大，我大致试了下，其实126也是可以的，好像我没有找到比126的大的非汉字的字符，当然255更好些，汉字都比较的大你可以自己动手试试！
另外由于自己太懒布局就从简了^_^</p>
</div>
</body>
</html>
提示：你可以先修改部分代码再运行。
发表在 js&jQuery
|
标签有 选中文字出现分享的效果
|
发表回复
快速排序–练习
发表于 2012 年 7 月 11 日 由 admin
回复
快速排序的原理：
1.找基准点、
2.建立二个数组分别存储、
3.递归
编写quickSort()方法所用到的方法：Math.floor()、splice()、push()、concat()
做下练习：
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var arr = [52,56,85,41,7,5,9,20,78,92,2];
function quickSort(arr){
if(arr.length<=1){
return arr;
}
var num = Math.floor(arr.length/2);
var numValue = arr.splice(num-1,1);
var left = [],
right = [];
for(var i=0;i<arr.length;i++){
if(numValue>arr[i]){
left.push(arr[i]);
}else{
right.push(arr[i]);
}
}
ret
最近查询网站