馒头vi设计的核心价值在于为企业打造独特的品牌,馒头vi设计可以给企业带来良好的社会声誉和经济效益。
jQuery在成千上万的网页上使用。这是最常见的插入页面的库之一,它使数字正射影像图操作变得简单。
当然,jQuery受欢迎的部分原因是它的简单性。似乎有了这个强大的库,我们几乎可以做任何我们想做的事情。
对于我们所有的选择,有一些片段我们会一次又一次地回想。今天我想给你10个片段,每个人,无论是新手还是大师,都会反复使用。
1)返回顶部按钮
//返回页首
$('a.top ').单击(函数(){
$(document.body).animate({scrollTop : 0},800);
返回错误的
});
//创建锚点标记
a class="top" href="# "返回页首/a
正如您在jQuery中使用有生命的和滚动顶部函数所看到的,我们不需要插件来创建简单的滚动到顶部动画。
通过改变滚动顶部值,我们可以改变滚动条的位置,在我的例子中,我使用了0值,因为我想让它位于页面的最顶端,但是如果我想要100像素的偏移量,我可以在函数中输入100像素.
所以我们真正做的是在整个800毫秒的过程中动画显示我们的文档主体,直到它一直滚动到文档的顶部。
2)检查图像是否已加载
$('img ').load(function() {
console.log("映像加载成功");
});
有时,您需要检查您的图像是否已完全加载,以便继续您的脚本,这个三行jQuery代码片段可以很容易地为您做到这一点。
您还可以通过用身份证明或班级替换img标签来检查是否加载了某个特定的图像。
3)自动修复损坏的图像
$('img ').错误(函数(){
$(这个)。属性(' src '' img/broken。png’);
});
有时候,我们的网站上的图片链接被破坏了,一个接一个地替换它们并不容易,所以添加这段简单的代码可以帮你省去很多麻烦。
即使你没有任何断开的链接,添加这个也没有任何坏处。
4)将类别切换到上方
$('BTN”).hover(function(){
$(这个)。添加类(“悬停”);
},function(){
$(这个)。移除类(“hover”);
}
);
当用户悬停时,我们通常希望改变页面上可单击元素的视觉效果,这个jQuery代码片段就是这样做的,当用户悬停时,它向元素添加一个类,当用户停止时,它移除该类,所以您需要做的就是在半铸钢钢性铸铁(Cast Semi-Steel)文件中添加必要的样式。
5)禁用输入字段
$(
总监微信咨询 舒先生
业务咨询 张小姐
业务咨询 付小姐