Picture selected border Effect:
When you click the selected picture, the picture can appear with a red border effect.
The code example is as follows:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metaname= "Author"content= "http://www.51texiao.cn/" /><title>Ant Tribe</title><styletype= "Text/css">#mainboard img{Border:1px solid #cccccc;width:88px;Height:31px;cursor:Pointer; } </style> <Scriptsrc= "Http://libs.baidu.com/jquery/1.9.0/jquery.js"></Script><Scripttype= "Text/javascript"> $(function(){ $("#mainboard img"). Bind ("Click",function(){ $( This). CSS ("Border","1px solid Red"). Siblings (). CSS ("Border","1px solid #cccccc"); }) }) </Script> </Head> <Body> <DivID= "Mainboard"> <imgsrc= "1.gif"class= "B" /> <imgsrc= "2.gif" /> <imgsrc= "3.gif" /> <imgsrc= "4.gif" /> </Div> </Body> </HTML>
The original address is: http://www.51texiao.cn/jqueryjiaocheng/2015/0504/687.html
The most original address is: http://www.softwhy.com/
Picture selected border effect appears