Draggable Basic

Developer
Seoh Char
Size
2,009 Kb
Views
16,192
  1. Draggable Basic Previews
  2. Draggable Basic HTML Codes
  3. Draggable Basic JS Codes

How do I make an draggable basic?

What is a draggable basic? How do you make a draggable basic? This script and codes were developed by Seoh Char on 14 December 2022, Wednesday.

Draggable Basic Previews
IQ Test

Draggable Basic - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Draggable Basic</title>
</head>
<body> <script src='https://builds.framerjs.com/06a4df9/framer.js'></script> <script src="js/index.js"></script>
</body>
</html>

Draggable Basic - Script Codes JS Codes

(function() { var bg, dot, hor, ver; bg = new Layer({ width: 320, height: 569, backgroundColor: '#eee' }); hor = new Layer({ width: 200, height: 50, backgroundColor: 'blue', superLayer: bg }); ver = new Layer({ width: 50, height: 200, backgroundColor: 'red', superLayer: bg }); hor.centerX(); ver.centerY(); ver.draggable.enabled = hor.draggable.enabled = true; ver.draggable.speedX = hor.draggable.speedY = 0; ver.draggable.maxDragFrame = { y: 0, height: 569 }; hor.draggable.maxDragFrame = { x: 0, width: 320 }; dot = new Layer({ width: 50, height: 50, backgroundColor: 'black', superLayer: bg }); dot.center(); dot.draggable.enabled = true; dot.draggable.maxDragFrame = bg.frame;
}).call(this);
Draggable Basic - Script Codes
Draggable Basic - Script Codes
Home Page Home
Developer Seoh Char
Username seoh
Uploaded December 14, 2022
Rating 3
Size 2,009 Kb
Views 16,192
Do you need developer help for Draggable Basic?

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!

Seoh Char (seoh) Script Codes
Name
Constant-time Queue using Stack
JSON string to Form string
Video Capture
Coverflow
Trick of One way direction
Switch states with different options
SubLayer event bubbling
A Pen by Seoh Char
Floating point issue in Framer
Generative Gradient Layers
Create amazing video scripts 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!