================VFPage==================
<apex:page controller="onekeypressaction1" showHeader="false" >
<apex:form >
<br/><br/><br/>
<center>
<a styleclass="h1">
<apex:outputLink accesskey="g" value="http://www.google.com" target="_blank" styleClass="style1">Go to Google</apex:outputLink><br/><br/>
<apex:outputLink accesskey="y" value="http://www.youtube.com" target="_blank" styleClass="style2">Go to Youtube</apex:outputLink><br/><br/>
<apex:outputLink accesskey="t" value="http://www.twitter.com" target="_blank" styleClass="style3">Go to Twitter</apex:outputLink><br/><br/>
<apex:iframe src="https://c.ap1.visual.force.com/apex/javascript" width="500px" height="300px" scrolling="true" rendered="{!booleanvalue}"/> <br/><br/><br/>
</a>
</center>
<marquee>
<div style="background-color:; font-size:15px" ><i><b>
1) If you want to go to Google page Just Press Alt+G<br/>
2) If you want to go to Yahoo page Just Press Alt+Y<br/>
3) If you want to go to Twitter page Just Press Alt+T<br/>
</b></i></div>
</marquee>
</apex:form>
<style>
div
{
width:380px;
height:px;
background:Blue;
position:relative;
animation:mymove 10s infinite;
//-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
}
<!--
@keyframes mymove
{
from {left:700px;}
to {left:10px;}
} -->
.style1
{
color:blue;
text-align:left;
font-size:15pt;
}
.style2
{
color:Green;
text-align:left;
font-size:25pt;
}
.style3
{
color:Red;
text-align:left;
font-size:15pt;
}
</style>
</apex:page>
===================Controller==================
public with sharing class onekeypressaction1 {
public String getAction() {
booleanvalue = true;
return null;
}
public Boolean booleanvalue { get; set; }
public onekeypressaction1 (){
booleanvalue = false;
}
}
No comments:
Post a Comment