腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

我分享我快乐

专栏作者

163

文章

212555

阅读量

40

订阅数

【案例】Sequence.js实现的图片动画切换效果

javascript https 网络安全

Sequence.js 功能齐全，除了能实现之前分享过的现代的图片滑动效果，还可以融合当前非常流行的视差滚动（Parallax Scrolling）效果。让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验

2020-08-10

9.4K0

【干货】jquery_07操作CSS

javascript jquery

jQuery是目前最流行的JavaScript函数库之一，对JavaScript进行了封装。它并不是一门新语言，而是将常用的、复杂的操作进行函数化封装，直接调用，大大降低了使用JavaScript的难度，改变了使用JavaScript的习惯。下面就一起来学习下jquery操作CSS。

2019-04-30

5460

【干货】jquery_01第一例

不会代码的设计不是好程序员在这里我为同学们准备了有关js/jq的一系列教学视频后期也会持续更新有需要的同学可以点星标不迷路让我们在学习代码的路上共同成长共同进步视频内容最后衷心祝愿同学们学习工作都顺利！还想了解哪些知识都可以留言

2018-12-27

2900

【案例】如何用js实现加载上升的loading效果（内附代码）

如何写出js水平线上升加载效果前期准备:需要一张水平线荡漾图片,格式为png或svg 代码实现如下： <!doctype html> <html> <head> <script src="jque

2018-12-27

2.2K0

w3c官网解读——js基础教程_js函数

帮0基础的你分析w3c官网的javascript基础教程及小案例，让喜欢javascript的朋友可以爱上他并能拥抱他！

2018-07-25

9550

w3c官网解读——js基础教程_js对象

帮0基础的你分析w3c官网的javascript基础教程及小案例，让喜欢javascript的朋友可以爱上他并能拥抱他！

2018-07-25

8460

w3c官网解读——js基础教程_js输出

帮0基础的你分析w3c官网的javascript基础教程及小案例，让喜欢javascript的朋友可以爱上他并能拥抱他！

2018-07-25

1.8K0

网页设计师面试题与答案2

javascript html go

请同学们认真思考后，参考如下答案，多加练习： <html> <!-- Problem 1: Using the image provided (squares.png). Display the 90x90 square images (A0,A1,B0,B1) in the html links below. Write the css styles for squareA and squareB, along with their hover states A1, B1. SquareA by def

2018-05-02

4750

WEB布局代码初学者常见问题整理

1、单词写错 2、用中文符号 3、标签未结束 4、引号未结束 5、尖括号未结束 6、标签属性之间无空格 7、标签属性重复使用 8、 CSS未加<style><

2018-05-02

6500

无缝滚动案例简单实现代码

<!doctype html> <html> <meta charset="utf-8"> <head> <title></title> <style> .show{width:200px;overflow: hidden;} .box{width:400px;height:100px;position:relative;} .box div{float:left;width:100px;height: 100px;background-col

2018-05-02

1.8K0

一刻课堂——jquery_13实例_选项按钮切换

2018-05-02

1.3K0

web前端设计课程预习指导

很多同学希望在进入web前端设计课程阶段之前做一下预习和准备工作。我为大家准备了预习小卡片（对于零基础的你来说要死记硬背哦）一、先背过下面的单词小卡片二、再理解下面小卡片中的绘图坐标三、最后

2018-05-02

5720

滚动条位置控制元素透明度变化

<!doctype html> <html> <head> <script src="jquery.js"></script> <style> *{font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif,"微软雅黑"} body{line-height:26px;margin:0;height:3000px;background-color:black;} .bg{position:fixed;top:0;} .bg img{

2018-05-02

1.4K0

圆形收缩显示图像效果

<!doctype html> <html> <head> <style> div{width:300px;height:300px;border-radius:50%;overflow:hidden;position:relative;} div img{width:100%;height:100%;} div span{position:absolute;left:0;top:0;width:100%;height:100%; border-color:black; border-style:sol

2018-05-02

1.4K0

一个简单的图片列表动效

<!doctype html> <html> <head> <script src="jquery.js"></script> <script> $(document).ready(function(e) { var h=$(".list span").width() $(".list span").css("height",h) $(".list span").css("line-height",h+"px") $(window).resize( function(){ h=$(".lis

2018-05-02

7970

jquery中使用event.stopPropagation()阻止事件冒泡

案例如上图：点文档关闭菜单，点按钮打开菜单。因为按钮在文档内，所以会产生事件冒泡使得在点按钮打开菜单时无法正常执行。所以我们需要阻止事件冒泡。例子代码如下： <!doctype html> <html> <head> <style> .box{width:200px;height:200px;background-color:green;} span{display:block;width:100px;height:30px;background-color:skyblue;} </style> <scr

2018-05-02

8960

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态