![]() |
2.将图纸路线保存在img的name属性中
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
$(window).scroll(function () {
for (i = 0; i < $("img").length; i ) {
if ($("img").eq(i).offset().top >
document.documentElement.clientHeight $(window).scrollTop()) {
$("img").eq(i).attr("src", "hc.gif");
} else {
$("img").eq(i).attr("src", d[i]);
}
}
});
})
</script>
</head>
<body>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
In [5]: name[1:5]
爱戴网页展现速度的常用这一个手法。意思就是滚动条没滚到的就先不加载。
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
<
1 > < 2 >
原理:
回来三个原字符串左对齐,并选取空格填充至长度 width 的新字符串
1.先不把img标签的src赋实际的图纸路线
出口结果为 dsasd 两边都尚未空格了
作者这里运用的是jquery。
3.js判别图片是不是在可视窗口内,收取name的值,赋给src,此刻才加载图片。
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
整理了下互连网资料,总括如下。 原理: 1.先不把img标签的src赋...
string.upper()
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
";
<html xmlns=";
<head> www.2cto.com
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<script src=""
type="text/javascript"></script>
<title>js图片延时加载特效</title>
<script type="text/javascript">
$(function () {
var d = new Array();
for (var i = 0; i < $("img").length; i ) {
d[i] = $("img").eq(i).attr("name");
}
for (i = 0; i < $("img").length; i ) {
if ($("img").eq(i).offset().top >
document.documentElement.clientHeight $(window).scrollTop()) {
$("img").eq(i).attr("src", "hc.gif");
} else {
$("img").eq(i).attr("src", d[i]);
}
}
$(window).scroll(function () {
for (i = 0; i < $("img").length; i ) {
if ($("img").eq(i).offset().top >
document.documentElement.clientHeight $(window).scrollTop()) {
$("img").eq(i).attr("src", "hc.gif");
} else {
$("img").eq(i).attr("src", d[i]);
}
}
});
})
</script>
</head>
<body>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
<img
name=""
src="hc.gif" />
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
出口结果为11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
";
<html xmlns=";
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<script src=""
type="text/javascript"></script>
<title>js图片延时加载特效</title>
<script type="text/javascript">
$(function () {
var d = new Array();
for (var i = 0; i < $("img").length; i ) {
d[i] = $("img").eq(i).attr("name");
}
for (i = 0; i < $("img").length; i ) {
if ($("img").eq(i).offset().top >
document.documentElement.clientHeight $(window).scrollTop()) {
$("img").eq(i).attr("src", "hc.gif");
} else {
$("img").eq(i).attr("src", d[i]);
}
}
name="zhang"
收拾了下网络资料,总括如下。
a='jdghjfghfjghfdkjgfj'
string.capitalize()
按照行('r', 'rn', n')分隔,重临一个带有各行作为成分的列表,要是参数 keepends 为 False,不分包换行符,如若为 True,则保留换行符。
例如:
Out[9]: 'zag'
输出结果 ('ogofkpk', 'p', '[fdok')
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
string.isupper()全数字符都是大写则赶回 True,不然再次来到 False
set=a.find('dghighjhifhos')
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
回去四个原字符串右对齐,并应用空格填充至长度 width 的新字符串
a='wer'
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
b=a.strip()
string.rjust
string.ljust
Out[10]: 'gaz'
例如:
In [8]: name[:3]
b=i.lower()
In [4]: name[0:5]
string.islower()全体字符都是小写则赶回 True,不然再次回到 False
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
set=a.rfind
在python中字符串的下标是从0初阶的,
string.partition
n 表示换行
a='jdghjfghfjghfdkjgfj'
盖世竞猜平台,a='ogofkpkp[fdok'
出口结果为 **dsasd***
In [13]: b=a.rpartition
以 str 为分隔符切成片 string,如果 num有内定值,则仅相隔 num 个子字符串
要是有字符串name="zhang",:那么咱们想抽取部门字符,能够由此下标的方法。
In [3]: b=a.count
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
检查测试 str 是或不是包罗在 string 中出现的次数,假设 beg 和 end 钦赐范围,则检查是还是不是含有在指定范围内
.逻辑运算符
归来三个原字符串居中,并运用空格填充至长度 width 的新字符串
.赋值运算符
出口结果为-1,因为所查字符串不在所给的字符串中,重返值为-1
输出结果为 dsasd
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
a='jdghjfghfjghfdkjgfj'
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
把字符串的率先个字符大写
.string.rindex(str, beg=0, end=len
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
Out[7]: 'han'
输出结果为True
string.lstrip
set=a.index
b=i.isspace()
In [7]: name[1:-1]
出口结果为
b=a.lstrip()
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
string.isalnum()全部字符都以字母或数字则赶回 True,不然重返 False
例如:
输出结果 ['og', 'if', 'kpk', 'p[fdok']
a=' dsasd '
string.center
例如:
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
Out[3]: 'zhan'
b='56'
string.lower()
In [6]: a='ogrifnkpkrnp[fdok'
b=a. strip()
.算术运算符
set=a.rfind
出口结果为3
切开的语法:[起始:结束:步长]
a='fdfdsfdsfdfd'
输出结果为7
.按位运算符
In [6]: name[1:]
退换 string 中的小写字母为题写
临近于 find()函数,可是是从左侧伊始查找.
Out[12]: ''
出口结果为3
set=a.find
看似于 find()函数,可是找不到报相当.
In [10]: name[::-2]
string.join
Out[11]: 'ga'
string.count(str, beg=0, end=len
改动 string 中的小写字母为题写
In [5]: print
t 代表一个制表符
In [2]: a='uehhfvbnvk.nfnjmkfklkkdgk'
a='dsasd'
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
In [10]: b=a.partition
b=a.rjust
.string.rfind(str, beg=0, end=len
string.startswith(obj, beg=0,end=len
In [3]: name[0:4]
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
表示 字符本人
例如:
运算符
i='TFYYYTYUYUUYU'
出口结果为7
以 string 作为分隔符,将 seq 中持有的因素合併为二个新的字符串
In [1]: name="zhang"
In [9]: name[::2]
i='jfdf 56skslsgkl'
反省字符串是不是是以 obj 结尾,是则赶回 True,不然再次回到 False。假设beg 和 end 钦点值,则在钦命范围内检查.
检验 str 是或不是包罗在 string 中,假若 beg 和 end 内定范围,则检查是或不是含有在钦命范围内,若是是再次回到开头的索引值,不然重回-1
Out[2]: 'zh'
Python语言援助以下体系的运算符 -
输出结果为 5wer6
a='dsasd'
删除 string 字符串左面包车型客车obj,假如不传参数,删除左面空格
Out[4]: 'zhang'
出口结果为 True
字符串或串是由数字、字母、下划线组成的一串字符。一般记为 s=“a1a2···an”。它是编制程序语言中意味着文本的数据类型。在先后设计中,字符串为标识或数值的贰个连接种类,如符号串或二进制数字串。
In [7]: b=a.splitlines()
set=a.rindex
In [9]: a='ogofkpkp[fdok'
Out[5]: 'hang'
string.is阿尔法()全数字符都以字母则赶回 True,不然再次回到 False
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
In [11]: print
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
a=' dsasd '
恍如于 rfind()函数,但是找不到报相当.
string.rstrip
.string.index(str, beg=0, end=len
.身份运算符
b=i.endswith
i='husdhusislnbjbda'
string.splitlines([keepends])
例如:
string.endswith(obj, beg=0,end=len
b=i.isalnum()
In [4]: print
a='fdfdsfdsfdfd'
b=a.ljust
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
出口结果 ['ogofk', 'kp[fdok']
出口结果为 dsasd*****
In [12]: name[4:1:2]
In [12]: a='ogofkpkp[fdok'
In [3]: b=a.split
出口结果为False
输出结果为False
a=' dsasd '
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
In [14]: print
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
删去 string 字符串前后的的obj,若是不传参数,删除前后空格
常用的转义字符:
string.rpartition类似于 partition()函数,但是是从左边起初.
例如:
c=a.join
In [2]: name[0:2]
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
b=a.center
string.isspace()只含有空格则赶回 True,不然重返 False
*****dsasd
In [8]: print
b=i.startswith
a='dsasd'
print('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
a='jdghjfghfjghfdkjgfj'
出口结果 ('ogofk', 'p', 'kp[fdok')
出口结果为 dsasd 有空格
出口结果为 tfyyytyuyuuyu
string.split(str="", num=string.count
ps:选择的区间属于左闭右开型,即从“起初”位开首,到”截止“位的前壹人截至(注意:不带有甘休位笔者)
string.isdigit()全部字符皆以数字则赶回 True,不然重返 False
i='jfdfjlskslsgkl'
检查字符串是不是是以 obj 开首,是则赶回 True,不然再次来到 False。固然beg 和 end 钦命值,则在钦点范围内检查.
Out[8]: 'zha'
In [11]: name[4:1:-2]
Out[6]: 'hang'
string.strip
.成员运算符
有一些像 find()和 split()的结合体,从 str 现身的率先个职位起,把 字 符 串 string 分 成 一 个 3 元 素 的 元 组 (string_pre_str,str,string_post_str),如若 string 中不包罗str 则 string_pre_str == string.
.string.find(str, beg=0, end=len
输出结果为3
去除 string 字符串右面包车型的士obj,假若不传参数,删除右面空格
i='jfdfjlskslsgkl'
本文由Guess盖世电竞发布,转载请注明来源
关键词: Guess盖世电竞