Comment puis-je ajouter des effets de transition de page comme IE dans Safari pour les pages Web?Effets de transitions de page dans Safari?
4
A
Répondre
2
Vous pouvez consulter cet exemple: http://sachiniscool.blogspot.com/2006/01/implementing-page-transitions-in.html. Il décrit comment émuler les transitions de pages dans Firefox en utilisant AJAX et CSS. La même méthode fonctionne également pour Safari. Le code ci-dessous est tiré de cette page et légèrement formaté:
var xmlhttp;
var timerId = 0;
var op = 1;
function getPageFx() {
url = "/transpage2.html";
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest()
xmlhttp.onreadystatechange=xmlhttpChange
xmlhttp.open("GET",url,true)
xmlhttp.send(null)
} else getPageIE();
}
function xmlhttpChange() {
// if xmlhttp shows "loaded"
if (xmlhttp.readyState == 4) {
// if "OK"
if (xmlhttp.status == 200) {
if (timerId != 0)
window.clearTimeout(timerId);
timerId = window.setTimeout("trans();",100);
} else {
alert(xmlhttp.status)
}
}
}
function trans() {
op -= .1;
document.body.style.opacity = op;
if(op < .4) {
window.clearTimeout(timerId);
timerId = 0; document.body.style.opacity = 1;
document.open();
document.write(xmlhttp.responseText);
document.close();
return;
}
timerId = window.setTimeout("trans();",100);
}
function getPageIE() {
window.location.href = "transpage2.html";
}
1
Check out Scriptaculous. Évitez IE JS seulement si c'est ce à quoi vous faites référence (aucune idée du type d'effet que vous voulez dire).
Questions connexes
- 1. Transitions de pages sur des sites Web?
- 2. Safari - affichage expiré .NET Page
- 3. Dhtml Transitions
- 4. JS/JQuery Effets de transition d'image - stores?
- 5. Plusieurs transitions de vue modale Crash App
- 6. effets simples dans Flex
- 7. CSS page-break-après dans la table dans Safari?
- 8. Transitions de classes CSS transparentes avec jquery
- 9. page de téléchargement interuptant flash streaming en safari
- 10. navigateur Safari n'affichera la page Erreur 401
- 11. jQuery en utilisant append avec des effets
- 12. UIView Transitions Animations
- 13. Transitions et configuration de calques/scènes dans cocos2d iPhone
- 14. Navigation dans Silverlight 3.0 avec des transitions?
- 15. Démarrage de la création de transitions de vue personnalisées
- 16. de la bizarrerie dans Safari 4
- 17. Safari: Ignorer beaucoup de CSS
- 18. Comment puis-je redimensionner une image à 100% de la largeur de la page dans Safari?
- 19. effets visuels Flash-like dans JS/jQuery
- 20. Positionnement relatif dans Safari
- 21. html: quels effets 'form' a-t-il sur la mise en page d'une page?
- 22. Code natif de Safari
- 23. problème de safari
- 24. soumission de formulaire jQuery/amélioration des effets?
- 25. problème avec frameset dans Safari
- 26. différences iphone safari webkit vs mac safari
- 27. Masquage de la poignée de redimensionnement textarea dans Safari
- 28. JBPM: Plusieurs transitions sortant d'un nœud de tâche
- 29. Comment gérer les effets concurrents dans Flex?
- 30. Expression mélange effets photoshop
Comportement dans tous les navigateurs Firefox 5 est qu'il ne change pas l'URL de la page où les transitions IE font. Dans Chrome 12 et Safari 5.1, le navigateur ignore la première page et se dirige vers le référent de cette page. Cela fonctionne cependant dans FireFox. Ce test a été effectué via l'URL d'origine citée dans cette réponse et non le code collé ci-dessus. –