Demo

Developer
Anna
Size
1,834 Kb
Views
8,096
  1. Demo Previews
  2. Demo HTML Codes
  3. Demo CSS Codes
  4. Demo JS Codes

How do I make an demo?

What is a demo? How do you make a demo? This script and codes were developed by Anna on 01 December 2022, Thursday.

Demo Previews
IQ Test

Demo - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="div1"></div> <script src="js/index.js"></script>
</body>
</html>

Demo - Script Codes CSS Codes

#div1 {width: 50px; height: 50px; background: red; position: absolute; left: 100px; top: 300px;}	.box {border: 1px #000 solid; position: absolute;}

Demo - Script Codes JS Codes

window.onload = function(){	var oDiv = document.getElementById('div1');	var num = 0;	var val = 100;	var L = 100;	var T = 300;	setInterval(function(){	//弧度控制：left	//sin控制：top	num++;	oDiv.style.left = L + (num*Math.PI/180)*val + 'px';	oDiv.style.top = T - Math.sin(num*Math.PI/180)*val + 'px';	var oBox = document.createElement('div');	oBox.className = 'box';	document.body.appendChild(oBox);	oBox.style.left = oDiv.offsetLeft + 'px';	oBox.style.top = oDiv.offsetTop + 'px';	}, 30);	}
Demo - Script Codes
Demo - Script Codes
Home Page Home
Developer Anna
Username AnnaLiu
Uploaded December 01, 2022
Rating 3
Size 1,834 Kb
Views 8,096
Do you need developer help for Demo?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Anna (AnnaLiu) Script Codes
Name
Slider demo
Canvas
Testing
Array
Pixi
Canvas rotate
Canvas bezia
A Pen by Anna
Canvas animate
Canvas transition
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!