Random dot generation

Developer
Kevin Bertram
Size
2,182 Kb
Views
16,192
  1. Random dot generation Previews
  2. Random dot generation HTML Codes
  3. Random dot generation CSS Codes
  4. Random dot generation JS Codes

How do I make an random dot generation?

What is a random dot generation? How do you make a random dot generation? This script and codes were developed by Kevin Bertram on 08 September 2022, Thursday.

Random dot generation Previews
IQ Test

Random dot generation - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>random dot generation</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="home-con"> <ul class="values-list"> <li><a class="values-item" id="vimh" href="#">Making History</a></li> <li><a class="values-item" id="viex" href="#">Exploring</a></li> <li><a class="values-item" id="vimm" href="#">Meaning & Making</a></li> <li><a class="values-item" id="vias" href="#">Artists, Scholars, & Designers</a></li> <li><a class="values-item" id="vicc" href="#">Creating Chicago</a></li> </ul>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Random dot generation - Script Codes CSS Codes

.values-list { font-size: 3em; list-style: none; display: block; z-index: 100; position: absolute;
}
.values-list li { font-style: italic; font-weight: bold; text-transform: uppercase;
}
.values-list a { text-decoration: none; color: #000;
}
.dot { font-size: 20em; color:#ccc; position: absolute; line-height:20px;
}
.blue { color: skyblue;
}

Random dot generation - Script Codes JS Codes

function addCirclesBg () { var dot = $('<span class="dot">•</span>'); var csize = Math.ceil(Math.random() * 10) + 20; $(dot).css({ 'position': 'absolute', 'top': Math.random()*$(window).height(), 'left': Math.random()*$(window).width(), 'font-size': csize+'em' }); $('body').append(dot.fadeIn(500));
}
function addCirclesBg2 () { var dot = $('<span class="dot blue">•</span>'); $(dot).css({ 'position': 'absolute', 'top': Math.random()*$(window).height(), 'left': Math.random()*$(window).width() }); $('body').append(dot.fadeIn(500));
}
$(document).ready(function () { $('#vimh').hover(function () { var ccfunc = addCirclesBg; var intervalDelay = 300; intervalId = setInterval(ccfunc, intervalDelay); }, function () { clearInterval(intervalId); }); $('#viex').hover(function () { var ccfunc = addCirclesBg2; var intervalDelay2 = 300; intervalId2 = setInterval(ccfunc, intervalDelay2); }, function () { clearInterval(intervalId2); });
});
Random dot generation - Script Codes
Random dot generation - Script Codes
Home Page Home
Developer Kevin Bertram
Username kbrtrm
Uploaded September 08, 2022
Rating 3
Size 2,182 Kb
Views 16,192
Do you need developer help for Random dot generation?

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!

Kevin Bertram (kbrtrm) Script Codes
Name
Simple pop up social share
News Current State with Full-Width Feature Area v3
Registration Options
You blockhead
Full text preview
Press Release Full Text
Cloudy Header
Theme Customization Preview
A Pen by Kevin Bertram
SAIC Campaign Styles
Create amazing love letters 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!