知识点复习伸缩布局CSS选择器代码中imgList是一个伪数组,不能用forEach如果给a标签添加点击事件,执行结束后不想跳转的话,可以在点击函数最后加一句return false改变标签内的文本.innerText运行效果点击下面不同的图片上面显示不同的结果代码<!DOCTYPE >< lang="en"><head...
原创 2022-03-10 11:39:30
52阅读
知识点复习伸缩布局CSS选择器代码中imgList是一个伪数组,不能用forEach如果给a标签添加点击事件,执行结束后不想跳转的话,可以在点击函数最后加一句return false改变标签内的文本.innerText运行效果点击下面不同的图片上面显示不同的结果代码<!DOCTYPE html><html lang="en"><head...
原创 2021-09-01 09:54:28
133阅读
嗯 就是这样一个例子,视频学到的一个特效,实际用处并不大,但是可以帮助理解JS语言和熟悉CSS3样式。设计: 观察一张图片的变化,发现: 1、图片缩放(随机,并且不是同时运动)   1、从大到小   2、从小到大,透明度从1到0(在第一步运动完成后立马开始) 2、图片旋转(随机,并且不是同时运动的。需要在全部运动走完以后开始) 3. 因为每张图片是
转载 2023-12-06 17:31:38
141阅读
3D旋转相册(纯css)html代码:<div class="Exhibition">                    //放置的容器 <div class="content">                     //旋转的目标 <img class="img1" src="world.jpg"/> <img class="
转载 2023-06-06 10:29:36
181阅读
document.getElementsByClassName = function(cl) {     var retnode = [];     var myclass = new RegExp('\\b'+cl+'\\b');     var elem = this.getElementsBy
原创 2011-07-05 19:37:10
912阅读
一、前言前几天写了个实现特效的博客,感觉有点差强人意,只是简简单单的换背景应用场景不是非常多,今天就来实现一个更加复杂的特效“影分身”。下面有请我们本场的主演,坤制作人为我们表演他拿手的鸡你太美。关于实现原理,和上一篇没有本质区别,同样是逐帧处理,但是这里还是详细说一下。二、实现原理首先我们要准备一个视频,作为我们的素材。然后我们要逐帧提取视频中的图像,接下来我们利用paddlehub逐帧抠取人像
Python框架之Django的相册组件恩,没错,又是Django,虽然学习笔记已经结贴,但是学习笔记里都是基础的,Django的东西不管怎么说还是很多的,要学习的东西自然不会仅仅用十几篇博文就能学习的完的。好了,废话不多说,今天介绍的是Django的一个开源的组件photologue,组件被作者放在了Github上,想看源码的点击这里。准备工作解压缩后,进入目录下执行命令行安装:python s
<!doctype html><html lang="en">     <head>         <title>QQ空间相册展示特效<title><style>*{margin:0;padding:0;}#photo{width:984px;height:600px;background:#aaa;margin:50px
转载 2016-08-24 22:54:00
126阅读
2评论
前些日子看了个视频所以就模仿它的技术来为大家做出几个简单的JS小特效一:运动特效(主要是通过改变元素的left,right,height,width,opacity来达到运动的效果)我们今天做一个利用计时器来创建一个匀速运动的效果,代码很简单。1:首先我们先写出HTML的结构<div id="div1"> <span id="share">share</span&gt
   1、水倒映图1  这个js将为图片添加水倒映的特效,时下web2.0站点很喜欢这种效果。   2、圆角+阴影图2  或许你记得用RoundPic能在线生成圆角图片,事实上用这个js也可以实现效果。   3、高光圆角阴影图3  这个效果可以用来做按钮。是我最喜欢的特效之一。   下载一个试玩:点击下载高光圆角阴影效果js  4、斜光阴影效果图4  和上面的效果看起
分享116个JS特效动画效果,总有一款适合您  116个JS特效动画效果下载链接:https://pan.baidu.com/s/1E3s1PAcOw-8dCCnq9NUeUw?pwd=tjl2  提取码:tjl2Python采集代码下载链接:https://wwgn.lanzoul.com/iKGwb0kye3wj可自定义js弹出层动画特效 css3鼠标悬停按钮线条动画效果代
转载 2023-07-22 15:45:22
126阅读
1、标题跑马灯常常能够在一些新闻网站,或者其他地方,看到文字在一个特定的区域内,来回滚动。一旦超出边界就消失了,那么这些效果是如何做到的呢,今天我们就来讲讲。图示效果:源代码: <!doctype html> <html> <head> <meta charset="utf-8"> <style> </sty
1.Window对象名称history:有关客户访问过的URL的信息location:有关当前URL的信息screen:有关客户端的屏幕和显示性能的信息常用方法prompt():弹出输入框alert():弹出警告框confirm():弹出确认对话框close():关闭浏览器窗口open():window.open("弹出窗口的url","窗口名称","窗口特征",)setTimeout():计时s
转载 2023-07-15 10:46:56
125阅读
# JavaScript特效简介 JavaScript是一种基于对象和事件驱动的脚本语言,被广泛用于网页开发中,其灵活性和强大的功能使得开发者能够实现各种各样的特效效果。本文将介绍一些常见的JavaScript特效,并提供相应的代码示例。 ## 1. 轮播图 轮播图是网页中常见的特效之一,通过自动切换图片来展示多个内容。以下是一个简单的示例代码: ```javascript // HTML
原创 2023-08-03 20:35:04
67阅读
JavaScript - 网页特效篇网页特效篇,也是JavaScript三部曲中的最后一篇,在上两篇我们分别学习了JavaScript的基础语法和JavaScript操作DOM与BOM。根据上两篇的学习也能完成很多场景的开发,在这一篇中我们将学习offset、client、scroll系列属性的作用与使用、封装简单动画函数、网页轮番图等,完成更高级的开发。1、元素偏移量 offset 系列1.1、
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <h1>第一个界面</h1> <a href="js02history.html">当前页面</a> <a hr
转载 2017-06-29 14:28:00
145阅读
2评论
挺长时间没有写博客了,有些知识有写模糊了,今天在写10个简单的JavaScript特效吧!1、Enter键实现Tab键功能有些时候我们注册表单的时候,会发现只要按Enter键,光标便进入的到了下一个注册选项,提高了用户的注册速度。和Tab键的功能一样,可以通过将Enter键的功能转换为Tab键的功能。 <html> <head> <title>Ent
转载 2023-07-22 12:11:31
98阅读
相册实现效果如图: html和css及js 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>石健涛</title> </head> <body> <style> bod
转载 2023-06-09 10:53:51
142阅读
知识点CSS使用@keyframes自定义动画,使用animation调用自定义动画opacity 透明度。从 0.0 (完全透明)到 1.0(完全不透明)CSS中transformanimation-delay 属性定义动画何时开始。求屏幕尺寸var 宽 = document.documentElement.clientWidth;var 高 = document.document...
原创 2022-03-10 11:36:23
363阅读
知识点CSS使用@keyframes自定义动画,使用animation调用自定义动画opacity 透明度。从 0.0 (完全透明)到 1.0(完全不透明)CSS中transformanimation-delay 属性定义动画何时开始。求屏幕尺寸var 宽 = document.documentElement.clientWidth;var 高 = document.document...
原创 2021-09-01 09:54:25
542阅读
  • 1
  • 2
  • 3
  • 4
  • 5