document.getElementsByClassName compatibility issues
When new users use native JavaScript, they often use document.getElementById, document.getelementbyclassname and document.getElementsByTagName to get elements and then operate them. However, the document.getElementsByClassName method is not supported in the version below IE9, so many students who are new to js are often confused about this pro ...
Posted by hthighway on Sat, 02 May 2020 15:54:03 -0700
Eye movement effect of ofo home page based on HTML5 gyroscope
When using the ofo Mini yellow car App recently, I found that the previous bottom scan turned into a little yellow person with moving eyes. I think it's quite interesting. Here, I'll use HTML5 to imitate the effect.
ofo eye effect
Effect analysis
It is not difficult to see from the effect that it is realized by using gyroscope events.
Let's ta ...
Posted by Lijoyx on Sat, 02 May 2020 09:29:12 -0700
Use of chimee component in web video playing scheme
1. Overview
In view of the fact that H5 video is quite different (compatible) in the Web ecological environment, this paper mainly introduces the usage of developing chimee component with qiwutuan to play video.
chimee component address:
http://chimee.org/docs/index.html
2. Features of chimee components
Chimee supports MP4, M3U8, FLV an ...
Posted by morpheuz on Sat, 02 May 2020 09:14:05 -0700
Three.JS promotion learning 1: create a scene and render 3D objects
This series of learning content comes from Three.js Development Guide: JavaScript 3D Library of WebGL
Create a scene and render 3D objects
Code example:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="../libs/three.js"></script>
<style>
body{marg ...
Posted by anthill on Sat, 02 May 2020 04:30:07 -0700
JavaScript: snow effect
Before I start typing, I need to figure out a few questions:
1. The way snow flakes exist, I use < div > A kind of < / div > to represent a snowflake;
2. The size of snow flakes should be in a range and random;
3. The transparency of snow flakes should also be changed. The color of newly emerged snow flakes will surely be darker ...
Posted by brokencode on Fri, 01 May 2020 23:25:32 -0700
[plug in] jquery.circular ---- circular statistical chart
Ring chart effect:
The left statistical chart data is bound to the attendance rate of the right personnel. When the attendance rate of several personnel changes, the statistical chart is updated.
Introduce js and set css:
<script src="scripts/jquery/jquery.circliful.min.js"></script>
/*Ring chart style start*/
.circli ...
Posted by boneXXX on Fri, 01 May 2020 22:09:04 -0700
JavaScript implementation of seamless carousel chart
JavaScript realizes seamless carousel chart:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.container {
position: relative;
wid ...
Posted by B-truE on Fri, 01 May 2020 19:35:38 -0700
Class foundation and data attribute (python)
Reference connection: http://www.cnblogs.com/wilber2013/p/4677412.html
class Student(object):
count = 0
books = []
def __int__(self,name,age):
self.name = name
self.age = age
pass #do nothing, an empty statement, ensures the integrity of format and semantics
Data properties
In the above Student class, &quo ...
Posted by Codein on Fri, 01 May 2020 18:47:40 -0700
Basic knowledge of Javascript (1)
Since I have learned Java before, I will skip the same features and usage of Javascript and Java here.
1, Javascript output
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js output</title>
</head>
<body>
<p id="one"></p>
<script type="text ...
Posted by alevsky on Fri, 01 May 2020 18:22:01 -0700
The 38th blog post of Xiao Liu
It's late, so I won't talk nonsense. I finished homework 5 today, but I'm in a bad state. I still can't study at home
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>homewrok5</title>
<style>
html, body{
margin: 0;
padding: 0;
...
Posted by PHPnewby! on Fri, 01 May 2020 16:41:05 -0700