Red de conocimiento de recetas - Recetas caseras - Haga clic en el menú HTML y HTML5 para mostrar imágenes. ¿Cómo lograr esto?

Haga clic en el menú HTML y HTML5 para mostrar imágenes. ¿Cómo lograr esto?

Si desea reducir el tamaño de la página web y cargarla en tiempo real, solo puede usar js.

Aquí tienes un ejemplo que, después de la medición, puedes optimizar según sea necesario:

& lt! DOCTYPE html & gt

& lthtml & gt

& lthead & gt

& lttitle & gtmenu& lt/title & gt;

& ltscript type = " texto/JavaScript " & gt;

Función chgimg(src)

{

var img = document . ;

img.src=src+".jpg ";

}

& lt/script & gt;

& lt/ head & gt;

& ltbody & gt

& ltdiv & gt

& ltp & gt& ltimg src = " a 1 . jpg " id = " img "/& gt;& lt/p & gt;

& ltp & gt& ltul & gt& ltLi onclick = " chg img(' a2 ');"& gta & lt/李& gt& ltLi onclick = " chg img(' a3 ');"& gtb & lt/李& gt& lt李 onclick = " chg img(' a 1 ');"& gtc & lt/李& gt& lt/ul & gt;& lt/ p & gt;

& lt/div & gt;

& lt/body & gt;

& lt/html & gt;

p>