Jquery Navigation of Rotating Arrow

Posted on Updated on


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script type=”text/javascript” src=”arrowimages/jquery-1.7.2.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(“#arrow_box”).html(” “);
$(“#arrow_box”).append(“<img src=’arrowimages/arrow1.jpg’>”);
});
function arrow_navigation(x,y){
var i = x;
var j = y;
$(“#arrow_box”).html(” “);
$(“#arrow_box”).append(“<img src=’arrowimages/arrow”+j+”.jpg’>”);
}
</script>
<style type=”text/css”>
#arrow_box1, #arrow_box2, #arrow_box3, #arrow_box4, #arrow_box5, #arrow_box6, #arrow_box7, #arrow_box8, #arrow_box9, #arrow_box10, #arrow_box11, #arrow_box12 {
cursor:pointer;
}
</style>
</head>
<body>
<table width=”400″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ style=” border:5px solid #09C; margin-top:10%;”>
<tr>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box1″ onmouseover=”arrow_navigation(1,7)”>&nbsp;</td>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box2″ onmouseover=”arrow_navigation(2,2)”>&nbsp;</td>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box3″ onmouseover=”arrow_navigation(3,2)”>&nbsp;</td>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box4″ onmouseover=”arrow_navigation(4,6)”>&nbsp;</td>
</tr>
<tr>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box5″ onmouseover=”arrow_navigation(5,3)”>&nbsp;</td>
<td colspan=”2″ rowspan=”2″ align=”center” valign=”middle” id=”arrow_box” style=”border:5px solid #09C;”>&nbsp;</td>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box6″ onmouseover=”arrow_navigation(6,1)”>&nbsp;</td>
</tr>
<tr>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box7″ onmouseover=”arrow_navigation(7,3)”>&nbsp;</td>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box8″ onmouseover=”arrow_navigation(8,1)”>&nbsp;</td>
</tr>
<tr>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box9″ onmouseover=”arrow_navigation(9,8)”>&nbsp;</td>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box10″ onmouseover=”arrow_navigation(10,4)”>&nbsp;</td>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box11″ onmouseover=”arrow_navigation(11,4)”>&nbsp;</td>
<td width=”100″ height=”100″ align=”center” valign=”middle” id=”arrow_box12″ onmouseover=”arrow_navigation(12,5)”>&nbsp;</td>
</tr>
</table>
</body>
</html>

Images To Be Used:(just right click and save it)

arrow8 arrow7 arrow6 arrow5 arrow4 arrow3 arrow2 arrow1

This entry was posted in Css, Javascript, Web.

11 thoughts on “Jquery Navigation of Rotating Arrow”

    Siddharth Jain said:
    May 11, 2013 at 11:23 AM

    buddy you included the js in the code “arrowimages/jquery-1.7.2.min.js”. It will really appreciable if you share the link of that js also.

    Reply
    Oscar Tyon said:
    May 16, 2013 at 11:20 PM

    Thanks on your marvelous posting! I really enjoyed reading it, you might be a great author.I will make certain to bookmark your blog and will come back in the foreseeable future. I want to encourage you to continue your great job, have a nice holiday weekend!

    Reply
    Ruben Henningson said:
    May 31, 2013 at 10:11 AM

    Zapraszamy na spotkanie z dwoma żywiołami. Jesteśmy jak ogień i woda, niebo i piekło. Na pewno zaspokoimy każdego pana – uległego i dominującego, wyuzdanego i nieśmiałego, młodego i dojrzałego. Czekamy rozpalone na spotkanie właśnie z Tobą.

    Reply
    Malisa said:
    June 4, 2013 at 12:48 PM

    I discovered your “Karthick M | Jquery Navigation of Rotating Arrow” page and noticed you could have a lot more traffic. I have found that the key to running a website is making sure the visitors you are getting are interested in your subject matter. There is a company that you can get traffic from and they let you try it for free. I managed to get over 300 targetted visitors to day to my website. Check it out here: http://nsru.net/fdse

    Reply
    Tom Klyn said:
    June 5, 2013 at 3:27 PM

    Oferuję francuski bz, klasyczny, pieszczoty erotyczne 69 oraz zabawę wibratorem. Zapraszam na niezapomniane chwile rozkoszy. Pełna dyskrecja.

    Reply
    ploc na chleb said:
    June 7, 2013 at 2:32 AM

    Masz ochotę na chwilę relaksu i przyjemności w doborowym towarzystwie? Spotkanie przepełnione erotyzmem, masaż połączony z sexem to tylko wstęp do naszej sex randki… Jestem zmysłową i atrakcyjną kobietą z pięknym biustem, uwielbiam długie pieszczoty, dlatego też jestem czułą i namiętną kochanką. Przyjdź i zakosztuj mojej słodyczy..

    Reply
    Denna Leaper said:
    June 7, 2013 at 9:03 PM

    W moim studiu możesz również spotkać się z młodymi i pięknymi suczkami, które na moje zawołanie spełnią każdą naszą zachciankę seksualną. Dzwoniąc do mnie nie pytaj o techniki moich zabaw gdyż tego ci nie powiem, usłyszysz natomiast: “Nasze spotkanie będzie spełnieniem twoich marzeń oraz zrealizowaniem twoich fantazji”.

    Reply

Leave a comment