"jQuery Bootstrap Navbar Random Rotating Logo"
Bootstrap 3.3.0 Snippet by deividas777

1
2
3
4
5
6
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<body></body>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(document).ready(function(){
var data = {
"images":['http://seeklogo.com/images/O/orange-logo-FEF8413207-seeklogo.com.gif',
'https://media.glassdoor.com/sqll/250877/orange-bowl-committee-squarelogo-1426153500267.png',
'http://eatlogos.com/food_and_drinks/png/vector_food_orange_logo.png',
'http://www.eatlogos.com/food_and_drinks/png/vector_orange_logo.png',
'http://www.eatlogos.com/food_and_drinks/png/vector_cut_orange_logo.png',
'http://www.gmkfreelogos.com/logos/O/img/Orange.gif',
'http://morportakal.net/logo.png'],
"nav":[
{
"name":"Home",
"href":"http://google.com",
"icon":"glyphicon glyphicon-home"
},
{
"name":"Video",
"href":"#",
"icon":"glyphicon glyphicon-film"
},
{
"name":"Music",
"href":"",
"icon":"glyphicon glyphicon-music"
},
{
"name":"Gallery",
"href":"",
"icon":"glyphicon glyphicon-picture"
},
{
"name":"User",
"href":"",
"icon":"glyphicon glyphicon-user"
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: